home *** CD-ROM | disk | FTP | other *** search
Text File | 1999-07-28 | 124.6 KB | 4,301 lines
***SCRIPTS DATA. Don't Modified.*** Create And Use In SimBa's aka Dimoniusis's Notepad. Script Copyrights for CofeeCup corp, Js corp, TiGER grp. __1 Random Ad Space - N <CENTER> <Script Language ="JavaScript"> //Modified by Coffeecup Software //produces a randomly generated graphic to use as ad or cool effect //±δ≤≈αΘφε Γ√ßΦ≡ασ≥ Ωα≡≥ΦφΩ≤ ± ±√δΩεΘ function RandomNumber() { var today = new Date(); var num= Math.abs(Math.sin(today.getTime()/1000)); return num; } function RandomGraphics() { var x = RandomNumber(); if (x > .77) {document.write("<A HREF='URL'><img src='image here' align=center hspace=10></a>"); return; } if (x > .66) {document.write("<A HREF='URL'><img src='image here' align=center hspace=10></a>"); return; } if (x > .55) {document.write("<A HREF='URL'><img src='image here' align=center hspace=10></a>"); return; } if (x > .44) {document.write("<A HREF='URL'><img src='image here' align=center hspace=10></a>"); return; } if (x > .33) {document.write("<A HREF='URL'><img src='image here' align=center hspace=10></a>"); return; } if (x > .22) {document.write("<A HREF='URL'><img src='image here' align=center hspace=10></a>"); return; } if (x > .11) {document.write("<A HREF='URL'><img src='image here' align=center hspace=10></a>"); return; } if (x > 0) {document.write("<A HREF='URL'><img src='image here' align=center hspace=10></a>"); return; } } RandomGraphics(); //End Script </SCRIPT> </CENTER> __2 Scrolling Banner <!-- This is your typical scrolling banner --> <!-- ╤Ω≡εδΦφφπ ßαφφσ≡α - Γ ±≥≡εΩσ ΓΓεΣα. ╤Ω≡Φ∩≥ ≡ατ∞σ±≥Φ≥σ ∩ε±δσ ≥σπα <TITLE>--> <script language="JavaScript"> // Modified by CoffeeCup Software var id,pause=0,position=0,revol=9; function banner() { var i,k; var msg=" Your Text Here "; var speed=10; document.thisform.thisbanner.value=msg.substring(position,position+50); if(position++==msg.length) { if (revol-- < 2) return; position=0; } id=setTimeout("banner()",1000/speed); } </script> </head> <body bgcolor="ffffff" onload="banner()"> <CENTER><form name="thisform"> <input type="text" name="thisbanner" size="40"> </FORM> </CENTER> __3 Background Change - N <!-- Background Changer Just make sure you add your Title before this script. If you change the last line in will give you the rest of the information for your page (link color,text etc.) Play with the colors !--> <!-- ╧δαΓφε Φτ∞σφ σ≥ ÷Γσ≥ ταΣφσπε ⌠εφα. ╧ε∞σ±≥Φ≥σ ²≥ε≥ ±Ω≡Φ∩≥ ∩ε±δσ <Title> Γα°σπε ΣεΩ≤∞σφ≥α.┬∞σ±≥ε ∩ε±δσΣφσΘ ±≥≡εΩΦ Γ√ ∞εµσ≥σ ≡ατ∞σ±≥Φ≥ⁿ Φφ⌠ε≡∞α÷Φ■ ε Γα°σΘ ±≥≡αφΦ≈Ωσ (δΦφΩΦ, ≥σΩ±≥, Φ ≥Σ) ╧εΦπ≡αΘ≥σ ± ÷Γσ≥α∞Φ ! --> <script> // Modified by CoffeeCup Software function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var hexChars = "0123456789ABCDEF"; function Dec2Hex (Dec) { var a = Dec % 16; var b = (Dec - a)/16; hex = "" + hexChars.charAt(b) + hexChars.charAt(a); return hex; } function bgChanger (begin, end, steps) { steps = steps -1 ; redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA; grn = grn_valA; blu = blu_valA; document.bgColor = begin; while ( steps >= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2Hex(red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2Hex(grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; step++; } document.bgColor = end; } </script> </head> <body bgcolor=#000000 text=#FFFFFF link="FF0000" vlink="8888FF" alink="FF00FF"> <script> <!-- // black to black (pause) bgChanger("000000","000000",25); // black to red bgChanger("000000","FF0000",25); // red to black bgChanger("FF0000","000000",25); // black to purple bgChanger("000000","AA00EE",25); // purple to black bgChanger("AA00EE","000000",25); // black to blue bgChanger("000000","0000FF",25); // blue to black bgChanger("0000FF","000000",25); // black to black (pause) bgChanger("000000","000000",25); // --> </script> </head> <body> <BODY BGCOLOR=000000 text="#ffffff" link="#0000ff" vlink="#c00c0"> <CENTER><H2>TEXT & STUFF NOW</CENTER></H2> __4 Clock <!-- This is a clock that shows the system time --> <!-- ▌≥Φ ≈α±√ ∩εΩατ√Γα■≥ ±Φ±≥σ∞φεσ Γ≡σ∞ . ┬±≥αΓⁿ≥σ ±Ω≡Φ∩≥ ∩ε±δσ ≥σπα </HEAD> α ±≥≡ε≈Ω≤ ∩ε±δσ <Body> Γ ±Ω≡Φ∩≥σ Γ ≥ε ∞σ±Ωε, πΣσ Γ√ ⌡ε≥Φ≥σ ΓΦΣσ≥ⁿ ≈α±√. --> <SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false; function stopclock () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; // you could replace the above with this // and have a clock on the status bar: // window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { // Make sure the clock is stopped stopclock(); showtime(); } </SCRIPT> <BODY onLoad="startclock(); timerONE=window.setTimeout" BGCOLOR="000080" TEXT="ffffff"> <CENTER><form name="clock" onSubmit="0"> <input type="text" name="face" size=13 value=""></CENTER> __5 confirm <!-- This allows the user confirm entering the page --> <!-- ▌≥ε≥ ±Ω≡Φ∩≥ τα∩≡α°ΦΓασ≥ ∩ε≥Γσ≡µΣσφΦσ φα Γ⌡εΣ φα ±≥≡αφΦ≈Ω≤. ╨ατ∞σ±≥Φ≥σ σπε ∩ε±δσ ≥σπα <BODY> --> <SCRIPT LANGUAGE="JavaScript"><!-- //modified by Coffeecup.com function Info() { if (!confirm("You are entering a site where ........... Press <OK> to enter. Press <Cancel> if you want to change your mind.......... ")) history.go(-1);return " " } document.writeln(Info())<!--End--></script> __6 Last Date Modifed <!-- START of Last Date Modified JavaScript --> <!-- DESCRIPTION: This shows the user the last date this page was modified. INSTRUCTIONS: Place this script where you want the Last Date Modified to show up. FUNCTIONALITY: Works in both Netscape and IE. --> <!-- ╬∩Φ±αφΦσ :▌≥ε≥ ±Ω≡Φ∩≥ ∩εΩατ√Γασ≥ Σα≥≤ ∩ε±δσΣφσΘ ∞εΣΦ⌠ΦΩα÷ΦΦ ±≥≡αφΦ≈ΩΦ. ╚φ±≥≡≤Ω÷Φ : ╨ατ∞σ±≥Φ≥σ ²≥ε≥ ±Ω≡Φ∩≥ ≥α∞, πΣσ Γ√ ⌡ε≥σδΦ ß√ ΓΦΣσ≥ⁿ ∩ε±δσΣφ■■ Σα≥≤ ∞εΣΦ⌠ΦΩα÷ΦΦ ±≥≡αφΦ≈ΩΦ. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <CENTER> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. var dateMod = "" ;dateMod = document.lastModified ;document.write("Last Updated: "); document.write(dateMod); document.write(); // --></SCRIPT> </CENTER> <!-- END of Last Date Modified JavaScript --> __7 Mouse over on Status Bar <!-- This displays 'Your Message Here' in the status bar when the mouse --> <!-- pointer is over the 'Put Image Here' image --> <!-- ╬∩Φ±αφΦσ : ┬√ΓεΣΦ≥ ±≥≡ε≈Ω≤ 'Your Message Here' φα ∩αφσδΦ ±≥α≥≤±α (ΓφΦτ≤), ∩≡Φ φαΓσΣσφΦΦ ∞√°ΩεΘ φα Ωα≡≥ΦφΩ≤ 'Put Image Here' ╚φ±≥≡≤Ω÷Φ : ≡ατ∞σ±≥Φ≥σ ±Ω≡Φ∩≥ ≥α∞, πΣσ Γ√ ⌡ε≥Φ≥σ ΓΦΣσ≥ⁿ Ωα≡≥ΦφΩ≤. ╟α∞σφΦ≥σ 'Your Message Here' φα ±εεß∙σφΦσ, Ωε≥ε≡εσ Γ√ ⌡ε≥Φ≥σ, ┬∩Φ°Φ≥σ Φ∞ Ωα≡≥ΦφΩΦ Γ∞σ±≥ε 'Put Image Here'. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <CENTER> <A HREF="URL" onMouseOver="window.status='Your Message Here'; return true" onMouseOut="window.status=''"> <P><IMG SRC="Put Image Here"></A> </CENTER> __8 Status Bar Message <!-- This scrolls ' Your Message Here ' in the status bar --> <!-- ╬∩Φ±αφΦσ : ┬√ΓεΣΦ≥ ßσπ≤∙σΘ ±≥≡εΩεΘ Γ ╧αφσδΦ ±≥α≥≤±α (ΓφΦτ≤) ±εεß∙σφΦσ 'You Message Here' ╚φ±≥≡≤Ω÷Φ : ╨ατ∞σ±≥Φ≥σ ²≥ε≥ ±Ω≡Φ∩≥ Γ δ■ßε∞ ∞σ±≥σ Γα°σπε ΣεΩ≤∞σφ≥α ∩ε±δσ ≥σπα <BODY>, τα∞σφΦ≥σ ±εεß∙σφΦσ 'Your Message Here' φα ≥ε, Ωε≥ε≡εσ ⌡ε≥Φ≥σ ΓΦΣσ≥ⁿ. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by Coffeecup.com function infoscroll(seed,looped) { var text1 = " Your Text Here "; var text2 = " and more here.............. "; var msg=text1+text2; var putout = " "; var c = 1; if (looped > 10) { window.status="<Thanks !>"; } else if (seed > 100) { seed--; var cmd="infoscroll(" + seed + "," + looped + ")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { putout+=" "; } putout+=msg.substring(0,100-seed); seed--; var cmd="infoscroll(" + seed + "," + looped + ")"; window.status=putout; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { putout+=msg.substring(-seed,msg.length); seed--; var cmd="infoscroll(" + seed + "," + looped + ")"; window.status=putout; timerTwo=window.setTimeout(cmd,100); // 100 } else { window.status=" "; looped += 1; var cmd = "infoscroll(100," + looped + ")"; timerTwo=window.setTimeout(cmd,75); // 75 } } } // --> <!-- infoscroll(100,1) // --> </SCRIPT> __9 Frame ON - Frame OFF <!--Frame On Frame Off This script lets the user choose which version of your page they want to see. Framepage.html is the your page with frames. Regualerpage.html is an alternate you have created--> <!-- ╬∩Φ±αφΦσ: ╤ετΣασ≥ Ωφε∩ΩΦ Frame On Φ Frame Off Σδ ∩≡ε±∞ε≥≡α ΣεΩ≤∞σφ≥α ± ⌠≡σΘ∞α∞Φ Φ ßστ. ╚φ±≥≡≤Ω÷Φ : ╨ατ∞σ±≥Φ≥σ ±Ω≡Φ∩≥ ≥α∞, πΣσ ⌡ε≥Φ≥σ ΓΦΣσ≥ⁿ Ωφε∩ΩΦ. ╟α∞σφΦ≥σ Φ∞ ⌠αΘδα Framepage.html φα Φ∞ Γα°σπε ⌠αΘδα ± ⌠≡σΘ∞α∞Φ, α Regualerpage.html φα Φ∞ ⌠αΘδα ßστ ⌠≡σΘ∞εΓ. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <form><font size="-1"><b>Frames:</b></font> <INPUT TYPE="Button" VALUE="On" onClick="parent.location='framepage.html'"> <INPUT TYPE="Button" VALUE="Off" onClick="parent.location='regularpage.html'"></FORM> __10 Goto Listbox <!-- GotoBox Change the VALUES to your links! --> <!-- ╬∩Φ±αφΦσ : ┬√ΓεΣΦ≥ Γ√∩αΣα■∙≤■ ±≥≡ε≈Ω≤ ± Γα°Φ∞Φ ±±√δΩα∞Φ. ╚φ±≥≡≤Ω÷Φ : ╧ε∞σ±≥Φ≥σ ±Ω≡Φ∩≥ ≥α∞, πΣσ Γ√ ⌡ε≥Φ≥σ ΓΦΣσ≥ⁿ Γ√∩αΣα■∙≤■ ±≥≡ε≈Ω≤. ╟α∞σφΦ≥σ ±±√δΩΦ Γ ≥σπσ <OPTION VALUE> φα ±ΓεΦ, Φ ±εεß∙σφΦ ∩ε±δσ ²≥Φ⌡ ≥σπεΓ ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <CENTER> <FORM> <SELECT NAME="list"> <OPTION SELECTED VALUE="http://www.coffeecup.com/editor">CoffeeCup Editor <OPTION VALUE="http://www.netscape.com">Netscape <OPTION VALUE="http://www.microsoft">Microsoft <OPTION VALUE="http://www.infoseek.com">Infoseek </SELECT><P> <INPUT TYPE=BUTTON VALUE="Go Get It!" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"> </FORM> </CENTER> __11 Fade Text <!-- This fades the text color giving you a rainbow effect. Change it by playing with the <FONT COLOR= > --> <!-- ╬∩Φ±αφΦσ : ╤ετΣασ≥ ≥σΩ±≥ Ωε≥ε≡√Θ ∩δαΓφε ∞σφ σ≥ ÷Γσ≥ ε≥ φα≈αδα Γ Ωεφσ÷. ╧ε²Ω±∩σ≡σ∞σφ≥Φ≡≤Θ≥σ ± ≥σπε∞ <FONT COLOR= > Γ ±Ω≡Φ∩≥σ. ╚φ±≥≡≤Ω÷Φ : ╧ε∞σ±≥Φ≥σ 1 ≈α±≥ⁿ ±Ω≡Φ∩≥α (Hide the script) Γ δ■ßε∞ ∞σ±≥σ Γα°σΘ ±≥≡αφΦ÷√, α Γ≥ε≡≤■ ≈α±≥ⁿ ±Ω≡Φ∩≥α Γ ≥σ⌡ ∞σ±≥α⌡, πΣσ ⌡ε≥Φ≥σ Φ±∩εδⁿτεΓα≥ⁿ π≡αΣΦσφ≥ ≥σΩ±≥α, Φτ∞σφΦ≥σ ±εεß∙σφΦσ '-->This is the Text, just put yours here !<!__' ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <script language="JavaScript"> <!-- Hide the script from old browsers -- // Modified by CoffeeCup Software function MakeArray(n) { this.length=n; for(var i=1; i<=n; i++) this[i]=i-1; return this } hex=new MakeArray(16); hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F"; function ToHex(x) { // Changes a int to hex (in the range 0 to 255) var high=x/16; var s=high + ""; s=s.substring(0,2); high=parseInt(s,10); var left=hex[high+1]; var low=x-high*16; s=low+""; s=s.substring(0,2); low=parseInt(s,10); var right=hex[low+1]; var string=left + "" + right; return string; } function fadein(text) { text=text.substring(3,text.length-4); color_d1=255; color_d1b=255; color_d1c=255; mul=color_d1/text.length; for(i=0;i<text.length;i++) { color_d1=mul*i; color_d1b=255-mul*i; color_d1c=255*Math.sin(i/(text.length/3)); // ******* // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))" // ******* color_h1=ToHex(color_d1); color_d2=mul*i; color_h2=ToHex(color_d2); color_h1b=ToHex(color_d1b); color_d2b=mul*i; color_h2b=ToHex(color_d2b); color_h1c=ToHex(color_d1c); color_d2c=mul*i; color_h2c=ToHex(color_d2c); document.write("<FONT COLOR='#FF8000"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>'); } } // --End Hiding Here --> </script> <SCRIPT LANGUAGE="JavaScript"> <!-- { fadein("-->This is the Text, just put yours here !<!__"); } //--> </SCRIPT> __12 Image Change on MouseOver <!-- DESCRIPTION: This will make new images pop up when the user places the mouse over them. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Then place the original images as "1.gif" "2.gif" "3.gif" and so on... Then have the pop-up images as "1b.gif" "2b.gif" "3b.gif" and so on. Be sure to change the hyperlinks to refer to your webpage. We have also provided some test images in the CoffeeCup Software folder. These are "just" for a reference to make this script easier. FUNCTIONALITY: Works in Netscape 3.0+ and IE 4.0+ only. --> <!-- ╬∩Φ±αφΦσ : ╚τ∞σφ σ≥ Ωα≡≥ΦφΩΦ, ∩≡Φ φαστΣσ φα φΦ⌡ ∞√°ΩεΘ. ∞εµσ≥ Φ±∩εδⁿτεΓα≥± ΩαΩ Φφ≥σ≡αΩ≥ΦΓφα Ωφε∩Ωα. ╚φ±≥≡≤Ω÷Φ : ╧ε∞σ±≥Φ≥σ ±Ω≡Φ∩≥ ∩ε±δσ ≥σπα </TITLE>. ±ετΣαΘ≥σ Ωα≡≥ΦφΩΦ "1.gif" "2.gif" "3.gif" Φ ≥Σ. Ωφε∩εΩ Φ ±εε≥Γσ≥±≥Γσφφε "1b.gif" "2b.gif" "3b.gif" φαµα≥√⌡ Ωφε∩εΩ. Φτ∞σφΦ≥σ ±±√δΩΦ ΓφΦτ≤ ±Ω≡Φ∩≥α φα ±ΓεΦ, ∩ε±≥αΓΦΓ ÷Φ⌠≡√ Γ ccOn('') Φ ccOff() Φτεß≡αµσφΦ Ωφε∩εΩ. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ ≥εδⁿΩε Γ Netscape 3.0+ Φ Γ IE 4.0+. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- if(document.images) { ccover = new Array(6); ccout = new Array(6); ccover[1]=new Image; ccout[1]=new Image; for(var n=2;n<=5;n++) { ccover[n]=new Image; ccout[n]=new Image; } for(var n=1;n<=5;n++) { ccover[n].src=""+n+"b.gif"; ccout[n].src=""+n+".gif"; } } function ccOn(i) { if(document.images) document.images["cc" + i].src=ccover[i].src; } function ccOff(i) { if(document.images) document.images["cc" + i].src=ccout[i].src; } //--> </SCRIPT> </HEAD> <BODY> <A HREF="http://www.coffeecup.com/" onMouseOver=ccOn("1") onMouseOut=ccOff("1")><IMG NAME="cc1" SRC="1.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR> <A HREF="http://www.coffeecup.com/" onMouseOver=ccOn("2") onMouseOut=ccOff("2")><IMG NAME="cc2" SRC="2.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR> <A HREF="http://www.coffeecup.com/" onMouseOver=ccOn("3") onMouseOut=ccOff("3")><IMG NAME="cc3" SRC="3.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR> <A HREF="http://www.coffeecup.com/" onMouseOver=ccOn("4") onMouseOut=ccOff("4")><IMG NAME="cc4" SRC="4.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR> <A HREF="http://www.coffeecup.com/" onMouseOver=ccOn("5") onMouseOut=ccOff("5")><IMG NAME="cc5" SRC="5.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR> <P> __13 Button Change on click -N <!-- Changes an image when clicked on, cool for action i.e. button-then pushed button--> <!-- ╬∩Φ±αφΦσ : ╚τ∞σφ σ≥ Ωα≡≥ΦφΩ≤ ∩≡Φ ΩδΦΩσ ∞√°ΩεΘ φα φσσ. ╚φ±≥≡≤Ω÷Φ : ╧ε∞σ±≥Φ≥σ ±Ω≡Φ∩≥ Γ δ■ßεσ ∞σ±≥ε ∩ε±δσ ≥σπα <BODY> ±ετΣαΘ≥σ Φτεß≡αµσφΦ disabled1.gif φσ φαµα≥εΘ Ωφε∩ΩΦ Φ active1.gif φαµα≥εΘ ±εε≥Γσ≥±≥Γσφφε. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <script language="JavaScript"> up = new Image(32,32); up.src = "active1.gif"; down = new Image(32,32); down.src = "disabled1.gif"; function switchThis() { document.coffee.src=up.src; } </script> <A HREF = "javascript:switchThis()" onMouseClick="document.coffee.src=up.src" onMouseOut="document.coffee.src=down.src"> <IMG NAME = "coffee" border=0 SRC = "active1.gif"></A> __14 E-mail Form <!-- Start of E-Mail Form JavaScript--> <!-- DESCRIPTION: This will send you an e-mail with whatever your visitor enters in the fields. INSTRUCTIONS: Place this entire script where you want the form to show up on the page. You can change the values (Name, E-mail, Phone, etc.) Just be sure to change that fields value in the script. See where is says, "document.ccform.name.value", that FUNCTIONALITY: Works in both Netscape and IE. ONLY WORKS IF THE VISITOR HAS THEIR E-MAIL SET UP ON THEIR BROWSER. --> <!-- ╬∩Φ±αφΦσ : ╤ετΣασ≥ ⌠ε≡∞≤ ± ∩ε∞ε∙ⁿ Ωε≥ε≡εΘ ∩ε±σ≥Φ≥σδⁿ ∞εµσ≥ ∩ε±δα≥ⁿ Γα∞ ∩ε≈≥≤ ╚φ±≥≡≤Ω÷Φ : ╧ε∞σ±≥Φ≥σ ±Ω≡Φ∩≥ ≥≤Σα, πΣσ Γ√ ⌡ε≥Φ≥σ ΓΦΣσ≥ⁿ ⌠ε≡∞≤. ╤∞σφΦ≥σ τφα≈σφΦ ∩εδ action="mailto:you@youprovider.com" φα αΣ≡σ± ±ΓεσΘ ²δσΩ≥≡εφφεΘ ∩ε≈≥√. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE, φε ╥╬╦▄╩╬ σ±δΦ E-MAIL ≤±≥αφεΓδσφ Γ ß≡α≤τσ≡σ. --> <SCRIPT LANGUAGE=JavaScript> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- if (navigator.appVersion.lastIndexOf('Win') != -1) { dropline = "\r\n" } else { dropline = "\n" } function coffeemsg(form) { document.ccform.Message.value = ( ' ' + dropline + dropline + '-----CoffeeCup AutoMated E-Mail Form---START----- ' + dropline + dropline + dropline + 'Name : ' + document.ccform.name.value + dropline + 'Phone : ' + document.ccform.phone.value + dropline + 'Subject : ' + document.ccform.subject.value + dropline + 'E-mail : ' + document.ccform.email.value + dropline + 'Message: ' + document.ccform.message.value + dropline + dropline + '-----CoffeeCup AutoMated E-Mail Form----END------ ' + dropline + dropline + 'E-Mail Form JavaScript by:' + dropline + 'http://www.coffeecup.com' + dropline + dropline + dropline + ' FIELD VALUES: ' + dropline + ' ' + dropline ); } // --> </SCRIPT> <FORM name="ccform" method="post" action="mailto:you@yourprovider.com?subject=Message" enctype="text/plain"> <INPUT type=hidden name="Message"> <FONT FACE="VERDANA, ARIAL"><B>Name:</B></FONT><P> <INPUT type="text" size=25 name="name" onChange="coffeemsg()"> <P> <FONT FACE="VERDANA, ARIAL"><B>Phone:</B><P> <INPUT type="text" size=25 name="phone" onChange="coffeemsg()"> <P> <FONT FACE="VERDANA, ARIAL"><B>Email:</B></FONT><P> <INPUT type="text" size=25 name="email" onChange="coffeemsg()"> <P> <FONT FACE="VERDANA, ARIAL"><B>Subject:</B></FONT><P> <INPUT type="text" size=25 name="subject" onChange="coffeemsg()"> <P> <FONT FACE="VERDANA, ARIAL"><B>Message:</B></FONT><P> <TEXTAREA rows=5 cols=45 wrap="auto" name=message onChange="coffeemsg()"></TEXTAREA> <P> <CENTER> <INPUT type=submit value="Send Message" onClick="coffeemsg()"> </CENTER> </FORM> <P> <!-- End of E-Mail Form JavaScript--> __15 Notepad <!-- A Script that types in a box that looks like notepad very cool The speed of the typing can be adjusted by raising or lowering the number in the setTimeout function. --> <!-- ╬∩Φ±αφΦσ : ╤ετΣασ≥ ∩εδσ ΓΓεΣα, Γ Ωε≥ε≡ε∞ ∩ε±≥σ∩σφε ΩαΩ ß√ "∩σ≈α≥ασ≥± " Γα°σ ±εεß∙σφΦσ. ╚φ±≥≡≤Ω÷Φ : ╨ατ∞σ±≥Φ≥σ ±Ω≡Φ∩≥ ∩σ≡σΣ ≥σπε∞ </HEAD>.≥ε ≈≥ε ±≥εΦ≥ Γ ±Ω≡Φ∩≥σ ∩ε±δσ ≥σπα <body> Γ ≥ε∞ ∞σ±≥σ, πΣσ ⌡ε≥Φ≥σ ΓΦΣσ≥ⁿ ßδεΩφε≥. ╟α∞σφΦ≥σ ±εεß∙σφΦ fArray[0]="Message 1 goes here. " φα ±ΓεΦ. ╧≡ΦµσδαφΦΦ ΣεßαΓⁿ≥σ/≤ßσ≡Φ≥σ ±εεß∙σφΦ , φ≤∞σ≡≤ ∞α±±ΦΓ ∩ε ε≈σ≡σΣΦ (fArray[0],fArray[1],fArray[2], Φ≥Σ) ∩ε±δσ ²≥επε Φτ∞σφΦ≥σ τφα≈σφΦσ ∩σ≡σ∞σφφεΘ NumMesage φα ΩεδΦ≈σ±≥Γε ±εεß∙σφΦΘ Ωε≥ε≡εσ Γ√ ±ΣσδαδΦ. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <script language="JavaScript"> function makeArray() { this.length = makeArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i] } var fArray = new makeArray; fArray[0]="Message 1 goes here. " fArray[1]="Message 2 goes here. " fArray[2]="Message 3 goes here. " fArray[3]="Message 4 goes here. " var x = 1; var y = 0; var NumMesage = 4; var msg1 = fArray[y]; function newsFeed() { if (x==msg1.length+1) { for (var z=0; z < 7000; z++); y+=1; if (y > NumMesage-1) y=0; document.form1.news2.value=' '; msg1 = fArray[y]; x=0; } document.form1.news2.value=msg1.substring(0,x); x+=1; setTimeout("newsFeed() ",1); } </script> <body bgcolor=teal link=goldenrod onLoad="newsFeed()"> <form name="form1"> <textarea wrap=physical rows=10 cols=25 name="news2"> </textarea> </form> __16 Scrolling Button <!--This is a scrolling alert button. This example is for mail, but if you change the action = to a URL, it will also go to a site. Make sure to reflect the words on your scroll to match where you are taking them--> <!-- ╬∩Φ±αφΦσ : ±ετΣασ≥ Ωφε∩Ω≤ Φ ∩≤±Ωασ≥ ∩ε φσΘ ßσπ≤∙≤■ ±≥≡εΩ≤. ┬ ∩≡Φ∞σ≡σ ²≥ε ±εεß∙σφΦσ "Mail" ╚φ±≥≡≤Ω÷Φ : ∩ε∞σ±≥Φ≥σ ±Ω≡Φ∩≥ ≥≤Σα, πΣσ ⌡ε≥Φ≥σ ΓΦΣσ≥ⁿ ≥αΩ≤■ Ωφε∩Ω≤. ╚τ∞σφΦ≥σ ±εεß∙σφΦσ msg=" Mail Mail MAil Mail MAil"; φα ±Γεσ. ╟α∞σφΦ≥σ τφα≈σφΦ ≥σπα action φα ≥ε, Ωε≥ε≡εσ ⌡ε≥Φ≥σ. ΦδΦ Γ∩Φ°Φ≥σ ≥≤Σα ±ΓεΘ e-mail. ├Σσ ≡αßε≥ασ≥: ╨αßε≥ασ≥ Φ Γ Netscape Φ Γ IE. --> <form name="form2" action=mailto:Whoever@net.com> <input type="submit" name="banner" VALUE=".......Submit......." onClick="alert('Here We go !')"> <br> </form> <script language="JavaScript"> // Modified by CoffeeCup Software var id,pause=0,position=0; function banner() { // variables declaration var i,k,msg=" Mail Mail MAil Mail MAil"; // increase msg k=(60/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; // show it to the window document.form2.banner.value=msg.substring(position,position+60); // set new position if(position++==msg.length) position=0; // repeat at entered speed id=setTimeout("banner()",150); } // end --> banner(); </script> __17 Greetings with Time and Date <!-- This is a great Clock and Calendar, You MUST change the color= attribute in the script so you can view it on your pages--> <script language="JavaScript"> <!-- hide script from old browsers // Modified by CoffeeCup Software function process(){} today = new Date() if(today.getMinutes() < 10) { pad = "0"} else pad = ""; document.write("<center><FONT SIZE=4 color=black>Welcome!!</FONT></center>") if((today.getHours() < 12) && (today.getHours() >= 6)) { document.write("<center><FONT SIZE=4 color=black>Good Morning</FONT></center>")} if((today.getHours() >= 12) && (today.getHours() < 18)) { document.write("<center><FONT SIZE=4 color=black>Good Afternoon</FONT></center>")} if((today.getHours() >= 18) && (today.getHours() <= 23)) { document.write("<center><FONT SIZE=4 color=black>Good Evening</FONT></center>")} if((today.getHours() >= 0) && (today.getHours() < 4)) { document.write("<center><FONT SIZE=4 color=black>You're up late today.</FONT></center>")} if((today.getHours() >= 4) && (today.getHours() <= 6)) { document.write("<center><FONT SIZE=4 color=black>Wow! You are up early!!</FONT></center>")} document.write("<center><FONT SIZE=3 color=black>Time: ",today.getHours(),":",pad,today.getMinutes()) document.write(" Date: ",today.getMonth()+1,"/",today.getDate(),"/",today.getYear(),"<br></font></center>"); // end hiding contents --> </script> __18 Opens a separate window -N <!-- This script opens a separate window for the locations you give it. Pages are neat but pictures make a cool photo album. Change the attributes that read menubar=0,toolbar=0, etc... and Width & Height to meet your needs. Make sure you place the URL's you want to go to and their names below.--> <script language="JavaScript"> <!-- Hide the script from old browsers -- function surfto(form) { var myindex=form.dest.selectedIndex window.open(form.dest.options[myindex].value,"main","menubar=1,toolbar=0,location=0,directories=0,status=1,copyhistory=0,width=235,height=235"); } //--> </SCRIPT> <CENTER> <FORM NAME="myform"> <SELECT NAME="dest" SIZE=1> <OPTION VALUE="http://www.coffeecup.com">CoffeeCup Software <OPTION VALUE="http://www.tmcm.com">Too Much Coffee Man <OPTION VALUE="http://www.netscape.com">Netscape <OPTION VALUE="http://www.infoseek.com">InfoSeek </SELECT> <P> <INPUT TYPE="BUTTON" VALUE="Go !" onClick="surfto(this.form)"> </FORM> </CENTER> __19 How the User Got to You Page <!-- This script tells the user where he came from and what browser and operating system they are using. You can change the Font color, size, and text of the message if you wish. --> <center><script language="javascript"> <!-- var where = document.referrer var name = navigator.appName var vers = navigator.appVersion document.write("<FONT COLOR=black><FONT SIZE=2>...and you came here via <BR>"+where+" <BR> "+name+" "+vers+"<BR></FONT></FONT>") // --> </script></center> __20 Changes images -N <!-- This is cool. It will put or change a picture beside your link when the user touches it. We have this example on our front page if you want to see exactly how it works. Just replace .gifs with what you want to use (arrows are popular). Make sure that the pictures are the same size. (Hint-- Make one of them tranparent to make the image appear out of the blue) Currently only works in Netscape.--> <SCRIPT LANGUAGE="JavaScript"> <!-- // Modified by CoffeeCup Software ACTIVE = "active.gif" //image over the link DISABLED = "disabled.gif" //image when not over the link function imgover(imgname) { imgname.src = ACTIVE } function imgout(imgname) { imgname.src = DISABLED } //--> __21 Link Alert <!-- DESCRIPTION: This will cause an alert message before the browser goes to the link chosen. INSTRUCTIONS: Place the script in your links. FUNCTIONALITY: Works in Both Netscape and IE. //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. --> <BODY BGCOLOR=#FFFFFF> <CENTER> <FONT SIZE=4 FACE=VERDANA> <A HREF="http://www.coffeecup.com" OnMouseOver="window.status='CoffeeCup Software'; return true"; OnClick="window.alert('You are now going to CoffeeCup Software....Dont wait another second....click OK A.S.A.P. !!!')">CoffeeCup Software</A> <P> <A HREF="http://www.coffeecup.com/mapper" OnMouseOver="window.status='CoffeeCup Image Mapper++'; return true"; OnClick="window.alert('Onward to our Image Mapper++ !! Tee Hee Hee')">CoffeeCup Image Mapper++</A><P> </FONT> </CENTER> __22 Link Banner <HEAD> <!-- DESCRIPTION: This will place a message in the text box when the user mouses over a link. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Then place the link and message to appear when the mouse goes over it. FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. var cuMsg = 'MouseOver Message!'; function update(msg) { var pad_str=""; n = msg.length; if(n<80) { pad = (80-n)/2; for(var i=0; i<pad; i++) { pad_str+=" "; } } cuMsg = pad_str + msg; document.ccMsg.field.value = cuMsg; } </SCRIPT> </HEAD> <BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#FF0000" ALINK="#FF0000"> <CENTER> <FONT FACE=VERDANA SIZE=3> <FORM NAME="ccMsg" onSubmit="return false"> <input type="text" name="field" size=60 value=" Welcome to my page I hope you enjoy yourself!" onChange="nochange()"> </form></center> <CENTER> <A HREF="http://www.coffeecup.com" onMouseOver="update('The Home of the CoffeeCup HTML Editor++')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>CoffeeCup Software</B></A><P> <A HREF="http://www.netscape.com" onMouseOver="update('Netscape and the Mozilla Crew.')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>Netscape</B></A><P> <A HREF="http://www.microsoft.com" onMouseOver="update('Bill Gates Ruling the World !')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>Microsoft</B></A><P> <A HREF="http://www.infoseek.com" onMouseOver="update('Find Some Information about Something.')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>Infoseek</B></A><P> <A HREF="http://www.tucows.com" onMouseOver="update('Tucows for the Best in Internet Software !')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>TuCows</B></A><P> <A HREF="http://www.tabnet.net" onMouseOver="update('TABNet: The ultimate website Host !')" onMouseOut="update(' ')" onClick="update('----[ L O A D I N G }----')"><B>TABNet</B></A><P> </CENTER> </FONT> __23 Link Without Click <!-- DESCRIPTION: This will make the browser jump to the page of your choice once the user puts the mouse over the link. INSTRUCTIONS: Place this code in your webpage. Use the model given to modify your own links. Can be used with an Image or simply use text. FUNCTIONALITY: Works in both Netscape & IE. //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. --> <CENTER><a href="http://www.coffeecup.com/" target=main onmouseover="window.open ('http://www.coffeecup.com/');"><FONT SIZE=7 FACE=ARIAL COLOR=#804000>CoffeeCup Software</FONT></a></CENTER><P> __24 Navigation <HEAD> <!-- DESCRIPTION: This will make a small Navigation Window in which you can place links to different pages. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- coffeeWin=window.open("","coffeeWin","toolbar=no,width=200,height=250,directories=no,menubar=no,SCROLLBARS=yes"); coffeeWin.document.write("<HTML>"); coffeeWin.document.write("<HEAD>"); coffeeWin.document.write("</HEAD>"); coffeeWin.document.write("<BODY BGCOLOR=#FFFFFF TEXT=#000000 LINK=#0000FF VLINK=#0000FF>") coffeeWin.document.write("<CENTER>") coffeeWin.document.write("<FONT FACE=VERDANA,ARIAL SIZE=2>"); coffeeWin.document.write("<B>"); coffeeWin.document.write("<FONT SIZE=3>Navigation Window</FONT>"); coffeeWin.document.write("<BR><HR WIDTH=180><BR><P>"); coffeeWin.document.write("<A HREF=http://www.coffeecup.com TARGET=MAIN>CoffeeCup Software</A>"); coffeeWin.document.write("<P>"); coffeeWin.document.write("<A HREF=http://www.microsoft.com TARGET=MAIN>Microsoft</A>"); coffeeWin.document.write("<P>"); coffeeWin.document.write("<A HREF=http://www.netscape.com TARGET=MAIN>Netscape</A>"); coffeeWin.document.write("<P>"); coffeeWin.document.write("<A HREF=http://www.infoseek.com TARGET=MAIN>InfoSeek</A>"); coffeeWin.document.write("<P>"); coffeeWin.document.write("</B>"); coffeeWin.document.write("</FONT>"); coffeeWin.document.write("</BODY>"); coffeeWin.document.write("</HTML>"); //--> </SCRIPT> </HEAD> __25 Random Alert <!-- DESCRIPTION: This will create a random alert message of any kind. Shown here in HTML Tags. You can replace the tags with phrases, help tips, anything that can be randomly diplayed. INSTRUCTIONS: Place this script in the BODY of your webpage. Change the VALUE to change the name on the Button. Change the HTML Tags to whatever variable you wish to have randomly displayed. FUNCTIONALITY: Works in both Netscape & IE. //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. --> <FORM> <INPUT TYPE="button" NAME="coffee" VALUE="HTML TAGS" onClick="randomMessage()"> </FORM> <SCRIPT LANGUAGE="JavaScript"> <!-- function randomMessage() { var cc = new Array(30) cc[0] = "<BODY>" cc[1] = "<HTML>" cc[2] = "<HEAD>" cc[3] = "<TITLE>" cc[4] = "<HR>" cc[5] = "<IMG SRC=>" cc[6] = "<B>" cc[7] = "<U>" cc[8] = "<UL>" cc[9] = "<OL>" cc[10] = "<BODY>" cc[11] = "<HTML>" cc[12] = "<HEAD>" cc[13] = "<TITLE>" cc[14] = "<HR>" cc[15] = "<IMG SRC=>" cc[16] = "<B>" cc[17] = "<U>" cc[18] = "<UL>" cc[19] = "<OL>" cc[20] = "<BODY>" cc[21] = "<HTML>" cc[22] = "<HEAD>" cc[23] = "<TITLE>" cc[24] = "<HR>" cc[25] = "<IMG SRC=>" cc[26] = "<B>" cc[27] = "<U>" cc[28] = "<UL>" cc[29] = "<OL>" var now = new Date() var sec = now.getSeconds() alert("HTML TAG:\r" + cc[sec % 30]) } //--> </SCRIPT> __26 Slide Scroll <!-- DESCRIPTION: This script will make your status message slide into place. Neat effect. INSTRUCTIONS: Place this script in the BODY tags of your webpage. Then place the appropriate message in the var msg value. FUNCTIONALITY: Works in both Netscape and IE. //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. --> <BODY onLoad="timerONE=window.setTimeout('slide(120,0)',20);"> <SCRIPT LANGUAGE="JavaScript"> function slide(jumpSpaces,position) { var msg = "This JavaScript will slide in your desired message....Cool...isn't it???.......drink more coffee" var out = "" if (endScroll) {return false} for (var i=0; i<position; i++) {out += msg.charAt(i)} for (i=1;i<jumpSpaces;i++) {out += " "} out += msg.charAt(position) window.status = out if (jumpSpaces <= 1) { position++ if (msg.charAt(position) == ' ') {position++ } jumpSpaces = 100-position } else if (jumpSpaces > 3) {jumpSpaces *= .75} else {jumpSpaces--} if (position != msg.length) { var cmd = "slide(" + jumpSpaces + "," + position + ")"; scrollID = window.setTimeout(cmd,5); } else { scrolling = false return false } return true } function ccSetup() { if (scrolling) if (!confirm('Re-initialize slide?')) return false endScroll = true scrolling = true var killID = window.setTimeout('endScroll=false',6) scrollID = window.setTimeout('slide(100,0)',10) return true } var scrollID = Object var scrolling = false var endScroll = false </SCRIPT> __27 Roll Scroll <!-- DESCRIPTION: This will make your status banner scrabble together. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Then place the appropriate messages in the areas below. FUNCTIONALITY: Works in both Netscape and IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- var speed = 13 var pause = 1333 var timerID = null var scrabbleBanner = false var cc = new Array() cc[0] = "*********CoffeeCup Software*********" cc[1] = "Your First Message" cc[2] = "Your Second Message" cc[3] = "Your Third Message" var message = 0 var state = "" newBanner() function stopBanner() { if (scrabbleBanner) clearTimeout(timerID) scrabbleBanner = false } function firstBanner() { stopBanner() seeBanner() } function newBanner() { state = "" for (var i = 0; i < cc[message].length; ++i) { state += "0" } } function seeBanner() { if (getString()) { message++ if (cc.length <= message) message = 0 newBanner() timerID = setTimeout("seeBanner()", pause) scrabbleBanner = true } else { var str = "" for (var c = 0; c < state.length; ++c) { str += (state.charAt(c) == "1") ? cc[message].charAt(c) : " " } window.status = str timerID = setTimeout("seeBanner()", speed) scrabbleBanner = true } } function getString() { var full = true for (var c = 0; c < state.length; ++c) { if (state.charAt(c) == 0) full = false } if (full) return true while (1) { var num = getRandom(cc[message].length) if (state.charAt(num) == "0") break } state = state.substring(0, num) + "1" + state.substring(num + 1, state.length) return false } function getRandom(max) { return Math.round((max - 1) * Math.random()) } // --> </SCRIPT> </HEAD> <BODY onLoad="firstBanner()"> __28 Text Slideshow <HTML> <!-- Created with the CoffeeCup HTML Editor++ --> <!-- http://www.coffeecup.com/editor --> <HEAD> <TITLE>AMAZING TEXT SLIDESHOW</TITLE> <!-- DESCRIPTION: This will make your text appear on the browser, line by line, and then conclude with an auto-jump to your website. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Then place the text you want to be displayed in the area below starting with 'Hello'. It will be after the 'var words' variable. IMPORTANT: This is a stand alone page. Be sure to change the link below so that it will jump to your homepage. FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. function makeArray() { this.length = makeArray.arguments.length; for (var i = 0; i < this.length; i++) this[i + 1] = makeArray.arguments[i]; } function ccText (val1, val2, val3, val4) { this.curText = ''; this.posit = 1; this.word = val1; this.length = val1.length; this.val3 = val3; this.val2 = val2; this.val4 = val4; this.print = ccText2; } function ccText2() { if (this.posit <= this.length) { this.curText = this.word[this.posit] outStringWord = ccU + this.val3 + this.curText + ccD; parent.draw.location = 'javascript:parent.outStringWord'; this.posit++; } else { doneLoop = true; top.location = this.val4; } } function ccTextSlide() { if (!doneLoop) reDraw = setTimeout('ccTextSlide()', wordIntro.val2); wordIntro.print(); } <!--REPLACE THE CONTENT WITH YOUR OWN MESSAGE--> var words = new makeArray (' Hello ',' ...and welcome to CoffeeCup Software. ', ' This is our <U>TEXT SLIDESHOW...</U> ', ' Use this script to open up your website... ', ' Display important or urgent news... ', ' Finish it with an <A HREF=http://www. var wordIntro = new ccText (words, 2000, '<CENTER><FONT SIZE=5 FACE=VERDANA, ARIAL, Comic Sans MS>', 'http://www.coffeecup.com/'); <!--REPLACE THE ABOVE LINK WITH YOUR LINK--> <!--CHANGB THE VARIABLES BELOW TO MANIPULATE THE SIZE, COLOR, AND FONT STYLE OF YOUR MESSAGE--> var ccU = '<HTML><BODY BGCOLOR="#000000" TEXT= "#000000"><CENTER><H3><FONT FACE=ARIAL SIZE=6 COLOR=#FFFFFF>The Amazing Text Slideshow</FONT></h3></CENTER><BR><BR><CENTER><TABLE WIDTH=100% BGCOLOR=#FFFFFF><TR><TD>'; var ccD = '</TD></TR></table><br><br></HTML>'; var ccB = ccU + ccD; var doneLoop = false; </SCRIPT> <FRAMESET onLoad="ccTextSlide()" ROWS="100%, *" FRAMEBORDER=NO BORDER=0> <FRAME SCROLLING=AUTO SRC="javascript:parent.ccB" NAME="draw" MARGINWIDTH=3 MARGINHEIGHT=3> </FRAMESET> </HEAD> </HTML> __29 OnOff Screen <!-- DESCRIPTION: This will make your background colors change upon buttonclick. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Then place the button in your webpage. When someone clicks it, the webpage background colors will blink. To change the color of the blinking background, alter the color-hex tag in the 'function blinkOn' section. This is the very first section of the JavaScript. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. function blinkOn(){ theWin.document.bgColor = "#000000" nTimes++ CCTimeOutID = window.setTimeout("blinkOff()",250); } function blinkOff(){ theWin.document.bgColor = "FFFFFF" if (nTimes < 5) CCTimeOutID = window.setTimeout("blinkOn()",250); else theWin.history.go(0) } function blinkCC(aWin) { nTimes = 0 theWin = aWin CCTimeOutID = window.setTimeout("blinkOn()",250); } </SCRIPT> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="On/Off Switch" onClick="blinkCC(self)"></FORM></CENTER> __30 Horizontal Scroll - N <!-- DESCRIPTION: This will make your webpage slide to the right automatically upon loading of the webpage. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Place your message (WITHOUT ANY SPACES OR BREAKS) in the page below the BODY tag. Sentences must be continuous or the script will not work. (Example: Hi.....this....is....a...continuous...sentence..) If you find the script stopping before it finishes your sentence, change the H<=4000 variable to a larger number. FUNCTIONALITY: Works only in NETSCAPE. --> <HEAD> <SCRIPT Language="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- function coffeeit(){ for (H=0; H<=3000; H++){ parent.scroll(H,0) } } //--> </SCRIPT> </HEAD> <BODY OnLoad="coffeeit()" BGCOLOR=#000000 TEXT=#FFFFFF LINK=#FF0000 VLINK=#FF0000 ALINK=#FF0000> <P><P><P><BR><BR><BR><P><P><P><BR><BR><BR><P><P><P><P><BR><BR><BR><P><P><P> <FONT SIZE=5 FACE=ARIAL BLACK>...................................................................This..Javascript..allows..the..user..to..slide..through..your..webpage.....You..can..also..end..it..with..a..<A HREF="http://www.coffeecup.com/editor">link</A __31 Bounce Status <!-- DESCRIPTION: This will make your text bounce in the status bar of the browser. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Then place the text you want to be bounced in the area that says, "YOUR MESSAGE HERE". FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. var yourtext = "* YOUR MESSAGE HERE! *"; var wedge1=" "; var wedge2=" "; var message1=wedge1+yourtext+wedge2; var dir = "lside"; var speed = 50; function bouncey() { if (dir == "lside") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("bouncey();",speed); message1=message2; if (message1.substring(0,1) == "*") { dir="rside"; } } else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("bouncey();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") { dir="lside"; } } } // -- End Hiding Here --> </SCRIPT> <body onLoad="bouncey()"> __32 Browser Jump <!-- DESCRIPTION: Recognizes what browser you are using and jumps to that browser's correct page. INSTRUCTIONS: This script is your opening webpage. Then depending on which version of Netscape or IE the visitor is using, the page will then "jump" to it's respective page. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- manu=navigator.appName; vers=navigator.appVersion; //MSIE 4.0+ BROWSERS WILL JUMP TO THIS LINK if (manu.indexOf("Microsoft")>=0 && vers.indexOf("4")>=0) {location.href="ie4.html";} //MSIE 3.0 BROWSERS WILL JUMP TO THIS LINK else if (manu.indexOf("Microsoft")>=0 && vers.indexOf("3")>=0) {location.href="ie3.html";} //Netscape 4.0+ BROWSERS WILL JUMP TO THIS LINK else if (manu.indexOf("Netscape")>=0 && vers.indexOf("4")>=0) {location.href="netscape4.html";} //Netscape 3.0 BROWSERS WILL JUMP TO THIS LINK else if (manu.indexOf("Netscape")>=0 && vers.indexOf("3")>=0) {location.href="netscape3.html";} //ALL OTHER BROWSERS WILL JUMP TO THIS LINK else {location.href="others.html";} //--> </SCRIPT> __33 Click News <!-- DESCRIPTION: This will make a clickable scrolling banner on your webpage. It closely resembles a news wire out reading. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Change the text by altering the values in cc [#] = "Your messages". FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- var speed = 90 var pause = 1000 var timerID = null var wireRunning = false var cc = new Array() cc[0] = "Thanks for choosing CoffeeCup Software" cc[1] = "We hope you enjoy this script" cc[2] = "Visit our website at... " cc[3] = "http://www.coffeecup.com " var currentMessage = 0 var offset = 0 function stopWire() { if (wireRunning) clearTimeout(timerID) wireRunning = false } function startWire() { stopWire() showWire() } function showWire() { var text = cc[currentMessage] if (offset < text.length) { if (text.charAt(offset) == " ") offset++ var partialMessage = text.substring(0, offset + 1) document.wireForm.wireField.value = partialMessage offset++ timerID = setTimeout("showWire()", speed) wireRunning = true } else { offset = 0 currentMessage++ if (currentMessage == cc.length) currentMessage = 0 timerID = setTimeout("showWire()", pause) wireRunning = true } } // --> </SCRIPT> <CENTER> <FORM NAME="wireForm"> <INPUT TYPE="text" NAME="wireField" VALUE="...Click here for the News..." SIZE=40 onFocus="if (!wireRunning) { startWire() }"> </FORM> </CENTER> __34 Double List - N <!-- DESCRIPTION: This will give you two drop down lists that work together. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Then place the appropriate Category and Sub-Category and a URL for each Sub-Category. FUNCTIONALITY: Can only be used in Netscape. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- var maxLength = 10; website = new Array; website[0] = "BROWSERS:"; website[1] = "E-MAIL CLIENTS:"; website[2] = "COMPRESSION UTILITIES:"; website[3] = "IMAGE VIEWERS:"; var trueLength = website.length; var lst = website.length; url = new Array; url[0] = "http://www.texoma.net/mirror/tucows/files/msie302r.exe"; url[1] = "http://www.texoma.net/mirror/tucows/files/Netscape/cb32e401.exe"; url[2] = "http://www.texoma.net/mirror/tucows/files/op212e32.exe"; url[3] = "http://www.texoma.net/mirror/tucows/files/traw3218.zip"; url[4] = "http://www.texoma.net/mirror/tucows/files/ariadna-eng-1-2-b3.exe"; ccselect = new Array; ccselect[0] = "BROWSERS:"; ccselect[1] = "E-MAIL CLIENTS:"; ccselect[2] = "COMPRESSION UTILITIES:"; ccselect[3] = "IMAGE VIEWERS:"; function changePage() { menuNum = document.ccDoubleList.ccBitsyG.selectedIndex; if (menuNum == null){alert("Please select a category from the menu.");return;} else { i = document.ccDoubleList.ccDoubleZ.selectedIndex; window.location.href = url[i]; } } function changeMenu() { website.length = 0; menuNum = document.ccDoubleList.ccBitsyG.selectedIndex; if (menuNum == null) return; if (menuNum == 0) { website = new Array; website[0] = new Option("Internet Explorer"); website[1] = new Option("Netscape"); website[2] = new Option("Opera"); website[3] = new Option("Trawler"); website[4] = new Option("Ariadna"); url = new Array; url[0] = "http://www.texoma.net/mirror/tucows/files/msie302r.exe"; url[1] = "http://www.texoma.net/mirror/tucows/files/Netscape/cb32e401.exe"; url[2] = "http://www.texoma.net/mirror/tucows/files/op212e32.exe"; url[3] = "http://www.texoma.net/mirror/tucows/files/traw3218.zip"; url[4] = "http://www.texoma.net/mirror/tucows/files/ariadna-eng-1-2-b3.exe"; } if (menuNum == 1) { website = new Array; website[0] = new Option("Becky Mail"); website[1] = new Option("Calypso"); website[2] = new Option("Mail Cat"); website[3] = new Option("Eudora"); website[4] = new Option("Pegasus"); url = new Array; url[0] = "http://www.texoma.net/mirror/tucows/files/beck121.zip"; url[1] = "http://www.texoma.net/mirror/tucows/files/calypso.exe"; url[2] = "http://www.texoma.net/mirror/tucows/files/mc22_32.exe"; url[3] = "http://www.texoma.net/mirror/tucows/files/eul302.exe"; url[4] = "http://www.texoma.net/mirror/tucows/files/w32-254.exe"; } if (menuNum == 2) { website = new Array; website[0] = new Option("WinZip"); website[1] = new Option("Pack It Up"); website[2] = new Option("SuperZip"); website[3] = new Option("TrayZip"); website[4] = new Option("TurboZip"); url = new Array; url[0] = "http://www.texoma.net/mirror/tucows/files/wzbeta32.exe"; url[1] = "http://www.texoma.net/mirror/tucows/files/pak430.zip"; url[2] = "http://www.texoma.net/mirror/tucows/files/superzip.exe"; url[3] = "http://www.texoma.net/mirror/tucows/files/trayzip.exe"; url[4] = "http://www.texoma.net/mirror/tucows/files/tzipte20.exe"; } if (menuNum == 3) { website = new Array; website[0] = new Option("ACD See"); website[1] = new Option("AllVue"); website[2] = new Option("AniMagic"); website[3] = new Option("CompuPic"); website[4] = new Option("Firehand Ember"); url = new Array; url[0] = "http://www.texoma.net/mirror/tucows/files/acdc3221.exe"; url[1] = "http://www.texoma.net/mirror/tucows/files/allvu210.zip"; url[2] = "http://www.texoma.net/mirror/tucows/files/animag32.zip"; url[3] = "http://www.texoma.net/mirror/tucows/files/cpic32.exe"; url[4] = "http://www.texoma.net/mirror/tucows/files/EmberSet.exe"; } tot = website.length; for (i = lst; i > 0; i--) { document.ccDoubleList.ccDoubleZ.options[i] = null; } for (i = 0; i < tot; i++) { document.ccDoubleList.ccDoubleZ.options[i] = website[i]; } document.ccDoubleList.ccDoubleZ.options[0].selected = true; lst = website.length; } // --> </SCRIPT> </HEAD> <BODY BGCOLOR=#FFFFFF TEXT=#000000 LINK=#0000FF VLINK=#800080> <SCRIPT LANGUAGE="JavaScript"><!-- with (document) { writeln('<CENTER>'); writeln('<TABLE BORDER=0 BGCOLOR=#8000FF CELLPADDING=3 CELLSPACING=0>'); writeln('<TR><TD COLSPAN=3><FORM NAME="ccDoubleList">'); writeln('<CENTER><FONT SIZE=4 COLOR=#FFFFFF FACE=ARIAL>'); writeln('<B>Shareware For Download</B></FONT></CENTER>'); writeln('</TD></TR><TR><TD ALIGN=LEFT>'); writeln('<FONT SIZE=3 COLOR=#FFFFFF FACE=ARIAL><B>Category</B></FONT><BR>'); writeln('<SELECT NAME="ccBitsyG" onChange="changeMenu(this.form)">'); tot = ccselect.length; for (i = 0; i < tot; i++) writeln("<OPTION>" +ccselect[i]); writeln("</SELECT>"); writeln('</TD><TD>'); writeln('<FONT SIZE=3 COLOR=#FFFFFF FACE=ARIAL><B>Site Menu</B></FONT><BR>'); writeln('<SELECT NAME="ccDoubleZ">'); for (i = 0; i < maxLength; i++) writeln("<OPTION>" +website[i]); writeln("</SELECT>"); for (i = maxLength; i > trueLength; i--) { ccDoubleList.ccDoubleZ.options[i] = null; } writeln('</TD><TD VALIGN=BOTTOM><A HREF = "javascript:changePage();">'); writeln('<IMG BORDER=0 SRC="internal-gopher-menu"></A><FONT SIZE=2 COLOR=#FFFFFF FACE=ARIAL><B>GO!</B></FONT>'); writeln('</TD></TR>'); changeMenu(); writeln('</FORM>'); writeln('</TABLE><P><BR><P>'); writeln('</CENTER>'); } // --> </SCRIPT> __35 Good Bye Message <!-- DESCRIPTION: This will cause an elert message before your visitor leaves (OR reloads) your page. INSTRUCTIONS: Place this tag where your BODY tag is. Make changes to attributes (TEXT, LINK, VLINK, BGCOLOR, etc.) as necessary. FUNCTIONALITY: Works in both Netscape and IE. //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. --> <BODY onUnload="window.alert('CoffeeCup Alert: Remember to visit weekly for changes and updates!!!')"> </BODY> __36 Current Date and Time <!--Start of JavaScript Place after the closing TITLE tag--> <!-- DESCRIPTION: This will create a header on the top right side of your webpage with the current date and time. INSTRUCTIONS: Place this script in between the HEAD tags of your webpage. Change the size and color of the text by altering the values found in the next to last line of the JavaScript. FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += (hours >= 12) ? " P.M." : " A.M." timerRunning = true; mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; myyear= mydate.getYear(); year = myyear if(myday == 0) day = " Sunday, " else if(myday == 1) day = " Monday, " else if(myday == 2) day = " Tuesday, " else if(myday == 3) day = " Wednesday, " else if(myday == 4) day = " Thursday, " else if(myday == 5) day = " Friday, " else if(myday == 6) day = " Saturday, " if(mymonth == 0) month = "January " else if(mymonth ==1) month = "February " else if(mymonth ==2) month = "March " else if(mymonth ==3) month = "April " else if(mymonth ==4) month = "May " else if(mymonth ==5) month = "June " else if(mymonth ==6) month = "July " else if(mymonth ==7) month = "August " else if(mymonth ==8) month = "September " else if(mymonth ==9) month = "October " else if(mymonth ==10) month = "November " else if(mymonth ==11) month = "December" document.write("<B><P ALIGN=RIGHT><FONT SIZE=-1 FACE=VERDANA,ARIAL>" + timeValue + " | " +day + month); document.write(myweekday+","+ " 19" + year + "</FONT></B><BR><HR WIDTH=300 ALIGN=RIGHT><P>"); </SCRIPT> <!--This is the end of the JavaScript Make sure this script is between the HEAD tags--> __37 Image Form <!--Start of JavaScript Place after the closing TITLE tag--> <!-- DESCRIPTION: This will create a form where you can have images as the SUBMIT and RESET buttons. The Reset button will not work in IE. INSTRUCTIONS: Place part of this script in between the HEAD tags and the other part in the BODY of your webpage. Change the size and color of the text to suit your liking. The FORM is designed to work off of the users e-mail program but you can change the ACTION in the form to reflect a CGI script such as FormMail. Keep in mind you will need to rename the submitbutton.gif and the resetbutton.gif to the images you will be using in your webpage. FUNCTIONALITY: Does NOT workin both Netscape & IE. IE will not reset the data when you click on the reset button. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. function proc() { document.forms[0].reset() } function announce() { alert('Submitting your information now...') } function respond() { alert('Your data has been erased.') } </SCRIPT> </HEAD> <BODY> <FORM METHOD="POST" ACTION="mailto:you@yourdomain.com" onSubmit="announce()" onReset="respond()"> <FONT FACE="VERDANA,ARIAL" SIZE=4> <P> <DT><B>Name:</B> <DD><INPUT TYPEe="text" SIZE="20" NAME="Name"> <P> <DT><B>E-Mail Address:</B> <DD><INPUT TYPEe="text" SIZE="20" NAME="E-Mail"> <P> <DT><B>State:</B> <DD><INPUT TYPEe="text" SIZE="20" NAME="State"> <P> <INPUT TYPE="image" SRC="submitbutton.gif" BORDER=0> <A HREF="#form" onClick="proc()"> <IMG SRC="resetbutton.gif" BORDER=0></A> </FORM> <P><BR> __38 Password <HEAD> <!--Start of JavaScript Place after the closing TITLE tag--> <!-- DESCRIPTION: This will require the user to put in a password before they can enter your website INSTRUCTIONS: Place this script in between the HEAD tags of your webpage. FUNCTIONALITY: Works in both Netscape & IE. PASSWORD: DELETE THIS Paragraph explaining the Password information before placing your site on the Internet. Else, someone else may be able to crack your code. To alter the password you must go to the paragraph below with ccup2 as the starting word. Notice the word substing, followed by a pair of numbers. The second number in the pair is the number associated with the letter in the AlphaNumeric table below. For example, 2 is associated with the lower case "b". The substring would then read 1,2, not just 2. Use the pre-existing example as your guide. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. //This is the AlphaNumeric table to associate your password //and your destination URL. var ccup1="abcdefghijklmnopqrstuvwxyz~_.-:#/" +"ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890@!%^&*"; //This paragraph is your password ccup2=ccup1.substring(35,36)+ccup1.substring(14,15)+ccup1.substring(5,6)+ccup1.substring(5,6)+ccup1.substring(4,5)+ccup1.substring(4,5)+ccup1.substring(35,36)+ccup1.substring(20,21)+ccup1.substring(15,16)+""; //This paragraph is your destination URL ccup3="http://www.coffeecup.com/"+ccup1.substring(8,9)+ccup1.substring(13,14)+ccup1.substring(3,4)+ccup1.substring(4,5)+ccup1.substring(23,24)+ccup1.substring(28,29)+ccup1.substring(7,8)+ccup1.substring(19,20)+ccup1.substring(12,13)+ccup1.substring(11,12) var name = prompt("Enter your User Password:", "For this example use the word CoffeeCup") if (name ==ccup2) { (confirm("Access to this site is granted. Click [ OK ] to Proceed.")) location.href=ccup3; } else{ alert("INCORRECT PASSWORD. The password: " + name + " is not Registered to view this site."); history.back(); } </SCRIPT> </HEAD> __39 Random Sound <!--Start of JavaScript--> <!-- DESCRIPTION: This will play a random MIDI file or WAV file on the users system, pending if their system can handle sound files. INSTRUCTIONS: Place this script where you want the song title to be displayed on your webpage. Change the location of the MID or WAV file to reflect your own site, also change the title of the song. FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- var midi = "" var txt = "" var nummidis = 5 day = new Date() seed = day.getTime() ran = parseInt(((seed - (parseInt(seed/1000,10) * 1000))/10)/100*nummidis + 1,10) if (ran == (1)) {midi=("http://www.zeke213.com/sounds/promise.mid"); txt=("Promise")} if (ran == (2)) {midi=("http://www.zeke213.com/sounds/justagrl.mid"); txt=("I'm Just A Girl")} if (ran == (3)) {midi=("http://members.aol.com/zeke213ws/sounds/simpsons.mid"); txt=("The Simpsons")} if (ran == (4)) {midi=("http://members.aol.com/zeke213ws/sounds/ymca.mid"); txt=("Y.M.C.A.")} if (ran == (5)) {midi=("http://members.aol.com/zeke213ws/sounds/coca.mid"); txt=("Always Coca~Cola")} document.write('<CENTER><EMBED SRC="' + midi + '" AUTOSTART=true HIDDEN=true VOLUME=100 loop=true></embed><br><b><FONT FACE="VERDANA,ARIAL" SIZE=4>You are now listening to <FONT COLOR=FF0000>"' + txt + '"</FONT></FONT></B></CENTER>') //--> </SCRIPT> __40 Current Time <!--Start of JavaScript Place after the closing TITLE tag--> <!-- DESCRIPTION: This will place the current time in the Status Window of your browser. INSTRUCTIONS: Place this script in between the HEAD tags of your webpage. FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { stopclock(); showtime(); } </SCRIPT> <!--This is the end of the JavaScript Make sure this script is between the HEAD tags--> <BODY onLoad="showtime()"> __41 Background Color <!-- Start of Change BackGround Color--> <!-- DESCRIPTION: This will allow the user to change the background color of your page. Neat trick. INSTRUCTIONS: Place this script anywhere in the <BODY> tag. FUNCTIONALITY: Works in both Netscape and IE. --> <!-- //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. // --> <CENTER> <FORM> <FONT FACE="VERDANA, ARIAL"><B>Choose a background color:</B></FONT> <SELECT name="ccGround" size="1" onChange=(document.bgColor=ccGround.options[ccGround.selectedIndex].value)> <OPTION value="408080" target="1" selected>Cool Green <OPTION value="C0C0C0" target="1">Cool Grey <OPTION value="000000" target="1">Black <OPTION value="730200" target="1">DarkRed <OPTION value="231800" target="1">Brown <OPTION value="044302" target="1">DarkGreen <OPTION value="0D09A3" target="1">Dark Blue <OPTION value="808040" target="1">Avocado <OPTION value="800080" target="1">Purple <OPTION value="444444" target="1">Gray <OPTION value="FF0400" target="1">Red <OPTION value="EFE800" target="1">Yellow <OPTION value="05EF00" target="1">Green <OPTION value="0206FF" target="1">Blue <OPTION value="AE08EF" target="1">Violet <OPTION value="FF8C8A" target="1">Mauve <OPTION value="FF80FF" target="1">Pink <OPTION value="FFCCCC" target="1">Peach <OPTION value="FFCC99" target="1">Orange <OPTION value="000080" target="1">Darker Blue <OPTION value="808080" target="1">Dark Grey <OPTION value="D5CCBB" target="1">Tan <OPTION value="DDDDDD" target="1">LightGray <OPTION value="FBFF73" target="1">Light Yellow <OPTION value="7CFF7D" target="1">LightGreen <OPTION value="A6BEFF" target="1">Light Blue <OPTION value="FFFFFF" target="1">White </SELECT></FORM></CENTER> <!-- Start of Change BackGround Color--> __42 Click Jump Link Box <!-- ClickJump LinkBox Change the VALUES to your links! --> <!-- When the User selects an item, it will automatically jump to that link. --> <CENTER> <FONT FACE="VERDANA, ARIAL">Select an item:</FONT><BR> <FORM> <SELECT NAME="clicklist" onChange="top.location.href=this.form.clicklist.options[this.form.clicklist.selectedIndex].value"> <OPTION> <OPTION SELECTED VALUE="http://www.coffeecup.com/editor">CoffeeCup Editor <OPTION VALUE="http://www.netscape.com">Netscape <OPTION VALUE="http://www.microsoft.com">Microsoft <OPTION VALUE="http://www.infoseek.com">Infoseek </SELECT><P> </FORM> </CENTER> __43 Countdown <!--Start of CountDown JavaScript--> <!-- DESCRIPTION: This countdown the days, hours, and minutes to any given date. INSTRUCTIONS: Place this script where you want the time remaining to be displayed. Change the date in ccDayThen to the date you are counting down to. FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JAVASCRIPT"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. ccDayNow = new Date(); ccDayThen = new Date("December 31, 1999") msPerDay = 24 * 60 * 60 * 1000 ; timeLeft = (ccDayThen.getTime() - ccDayNow.getTime()); cc_daysLeft = timeLeft / msPerDay; daysLeft = Math.floor(cc_daysLeft); cc_hrsLeft = (cc_daysLeft - daysLeft)*24; hrsLeft = Math.floor(cc_hrsLeft); minsLeft = Math.floor((cc_hrsLeft - hrsLeft)*60); document.write( "There are "+daysLeft+" days, "+hrsLeft+" hours and "+minsLeft+" minuites left until the year 2000."); </SCRIPT> <!--This is the end of the CountDown JavaScript, make sure this script is between the BODY tags--> __44 Hello Visitor <!-- Start of Hello Visitor JavaScript--> <!-- DESCRIPTION: This will ask the user for his/her name, then tell them WELCOME. INSTRUCTIONS: Place this script below the BODY tag, before you start the content of your page. FUNCTIONALITY: Works in both Netscape and IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- { var name = prompt ('Please tell us your name',''); var color = prompt ('Please tell us your favorite color',''); document.write("<CENTER><FONT FACE=ARIAdL,VERDANA COLOR="+color+" SIZE=5>Welcome to our site "+name+".</FONT><HR NOSHADE WIDTH=450></CENTER><P>") } //--> </SCRIPT> <!-- End of Hello Visitor JavaScript --> __45 How Long <!--Start of How Long JavaScript --> <!-- DESCRIPTION: This will pop up a message and tell the user how long they have been on your site. INSTRUCTIONS: Place the top part of the script above the HEAD tag. Place the bottom part with the link in the body of your webpage. Make sure you include the onLoad function in your BODY tag. DO NOT PLACE TWO BODY TAGS ON YOUR PAGE. FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JAVASCRIPT"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. function time_arrived() { enter=new Date(); } function time_here() { exit=new Date(); time=(exit.getTime()-enter.getTime())/1000; time=Math.round(time); alert ("You have been here for " + time + " seconds. Getting tired?") } </SCRIPT> <!-- This should be above the HEAD tag --> <BODY onLoad='time_arrived()'> <CENTER> <FORM> <INPUT type="button" name="timehere" value="You have been here for..." onClick='time_here()'> </FORM> </CENTER> <!--End of How Long JavaScript --> __46 Play Wav on Link -N <!-- Start of Play WAV on Link Click --> <!-- DESCRIPTION: This will play a .wav file when the visitor clicks on an Image or Text Link. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Change the name of 'wavefile.wav' to reflect actual .wav files, be sure that the wav files are in the same directory as the .html file. FUNCTIONALITY: Works only in Netscape 3.0+. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- function playWAV(name) { if (navigator.appName== "Netscape" && parseInt(navigator.appVersion) >= 3 && navigator.appVersion.indexOf("68k") == -1 && navigator.javaEnabled() && document.embeds[name] != null && document.embeds[name].IsReady()) { document.embeds[name].play(false); } } onerror = null //--> </SCRIPT> </HEAD> <BODY> <EMBED SRC="wavefile.wav" NAME="sound1" HIDDEN=TRUE LOOP=FALSE AUTOSTART = FALSE MASTERSOUND> <EMBED SRC = "wavefile.wav" NAME="sound2" HIDDEN=TRUE LOOP=FALSE AUTOSTART=FALSE MASTERSOUND> <A HREF="http://www.coffeecup.com" onClick="playWAV('sound1')"> This works on Text and Image Links !!!</A> <P> <A HREF="http://www.coffeecup.com" onClick="playWAV('sound2')"><IMG SRC="image.jpg" BORDER=0></A> <!-- End of Play WAV on Link Click --> __47 Play WAV on Load -N <!-- Start of Play WAV on Page Load --> <!-- DESCRIPTION: This will play a .wav file when the visitor opens your page. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Change the name of the 'wavefile.wav' to reflect an actual .wav file, be sure that the wav file is in the same directory as the .html file. FUNCTIONALITY: Works only in Netscape 3.0+. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- function playWAV(name) { if (navigator.appName== "Netscape" && parseInt(navigator.appVersion) >= 3 && navigator.appVersion.indexOf("68k") == -1 && navigator.javaEnabled() && document.embeds[name] != null && document.embeds[name].IsReady()) { document.embeds[name].play(false); } } onerror = null //--> </SCRIPT> <BODY onLoad=playWAV('sound1')> <EMBED SRC="wavefile.wav" NAME="sound1" HIDDEN=TRUE LOOP=FALSE AUTOSTART=FALSE MASTERSOUND> <!-- End of Play WAV on Page Load --> __48 Pop Up on MouseOver <!--Start of PopUp on MouseOver--> <!-- DESCRIPTION: This will pop up a new browser window when you mouseover the link. In this example the link is an image, but you can change it to a text link. INSTRUCTIONS: Place this top part of the script above the HEAD tag. Place the bottom part with the link in the body of your webpage. CHANGE the image.gif to reflect your image, CHANGE page2.html to your second .html page, CHANGE the WIDTH and HEIGHT in the script to reflect the desired size you FUNCTIONALITY: Works in both Netscape & IE. --> <SCRIPT LANGUAGE="JAVASCRIPT"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. var ccpop_window = null; function ccpop(status,url) { if(status != 0) { if(ccpop != null) ccpop.focus(); else { var ccpop = open(url, "ccpop", "WIDTH=350,HEIGHT=175"); ccpop_window = ccpop; } } else { if(ccpop_window != null) ccpop_window.close(); } } </SCRIPT> <!-- Be sure this top part is between the HEAD tags --> <!-- Be sure this bottom part is between the BODY tags --> <CENTER> <A HREF="" onMouseover="ccpop(1,'page2.html')" onMouseout="ccpop(0)"><IMG SRC="image.gif" BORDER=0></A></CENTER> <!--END of PopUp on MouseOver--> __49 Preload Images <!-- Start of PRELOAD Image Script --> <!-- DESCRIPTION: This will preload images in the webpage. INSTRUCTIONS: Place this script below your content, just above the close BODY tag. FUNCTIONALITY: Works in both Netscape and IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- ccImageSrc = new Array ( "image1.jpg", "image2.jpg", "image3.gif", "image4.gif" ) ccImageList = new Array (); for (counter in ccImageSrc) { ccImageList[counter] = new Image(); ccImageList[counter].src = ccImageSrc[counter]; } // --> </SCRIPT> <!-- END of PRELOAD Image Script --> __50 Quick Survey <!-- Start of Quick Survey JavaScript --> <!-- DESCRIPTION: This will ask the user if they want to fill out a survey. If they do, they fill out the input boxes, then hit submit. If they don't, they get a link to go to your page. INSTRUCTIONS: Place this script as the .html file. The USER will then be redirected to your site. Be sure to change the values below of the webpage and of your e-mail address. VERY IMPORTANT!!!! FUNCTIONALITY: Works in both Netscape and IE. --> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- ccsurvey=window.confirm ("Do you want to fill out a quick survey?") if (ccsurvey==true) { var name = prompt ('Please tell us your name',''); var age = prompt ('How old are you',''); var email = prompt ('What is your email address?',''); document.write("<FORM ACTION=http://www.cgi-free.com/mailer.cgi?youremail@yourprovider.com;http://www.yourpage.com method=post>") document.write("<input type=hidden name=name value='" +name+"'>") document.write("<input type=hidden name=age value='" +age+"'>") document.write("<input type=hidden name=email value='" +email+"'>") document.write("<CENTER>Please press <input type=submit name=sent value=SUBMIT> to send your information.</CENTER><P><HR>") document.write("</FORM>") window.alert ('Thanks for filling out our survey. Please press the [Submit] button.'); } else { window.alert ("Ok...be that way."); document.write("<CENTER><FONT SIZE=7><A HREF=http://www.coffeecup.com>CLICK HERE</A></FONT></CENTER>") } //--> </SCRIPT> <!-- END of Quick Survey JavaScript --> __51 Close Browser <!-- Start of Close Browser Script --> <!-- When the "Close Window" button is clicked, this script will close the browser window that the webpage is in. --> <script language="JavaScript"> <!-- function closeIt() { close(); } // --> </script> <center> <form> <input type=button value="Close Window" onClick="closeIt()"> </form> </center> <!-- End of Close Browser Script --> __52 Back_Fwd Buttons wFrame <!-- Start of Back/Forward Buttons with Frames Script--> <!-- Same as Back/Forward Script, but works with FRAMES --> <!-- Instructions: Just put this script anywhere on your webpage and you will give your visitor 2 Back and Forward Navigation buttons. Designed for websites that have multiple webpages. IMPORTANT: Change the value of FRAME TARGET NAME to the name of the frame you are targeting. --> <form> <INPUT TYPE="button" VALUE="BACK" onClick="parent.FRAME TARGET NAME.history.back()"> <INPUT TYPE="button" VALUE="FORWARD" onClick="parent.FRAME TARGET NAME.history.forward()"> </form> <!-- End of Back/Forward Buttons with Frames Script --> __53 Back_Fwd Buttons <!-- Start of Back/Forward Buttons Script--> <!-- Instructions: Just put this script anywhere on your webpage and you will give your visitor 2 Back and Forward Navigation buttons. Designed for websites that have multiple webpages. --> <SCRIPT LANGUAGE="JavaScript"> <!-- hide this script tag's contents from old browsers function goHist(a) { history.go(a); // Go back one. } //<!-- done hiding from old browsers --> </script> <FORM METHOD="post"> <INPUT TYPE="button" VALUE=" BACK " onClick="goHist(-1)"> <INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)"> </form> <!-- End of Back/Forward Buttons Script --> __54 Add to Favorites <!-- Start of Add to Favorites IE --> <!-- Put this script anywhere in your webpage and when a visitor goes to your webpage using Internet Explorer, they only need to click on the link to add your webpage to their FAVORITES folder. Netscape users will simply get a reminder to press CTRL-D to bookmark. --> <SCRIPT LANGUAGE="JavaScript"> <!-- if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) { var url="http://www.coffeecup.com.com"; var title="CoffeeCup Software - Web Authoring Tools"; document.write('<A HREF="javascript:window.ext'); document.write('ernal.AddFavorite(url,title);" '); document.write('onMouseOver=" window.status='); document.write("'Add our site to your favorites!'; return true "); document.write('"onMouseOut=" window.status='); document.write("' '; return true "); document.write('">Add our site to your favorites!</a>'); } else { var msg = "Don't forget to bookmark us!"; if(navigator.appName == "Netscape") msg += " (CTRL-D)"; document.write(msg); } // --> </script> <!-- End of Add to Favorites IE --> __55 Message Alert <!-- Start of Message Alert --> <!-- Use this button in a form to pop-up a message when the user clicks it --> <form> <input type="button" value="message" onClick="alert('YOUR MESSAGE GOES HERE'); return true"> </form> <!-- End of Message Alert --> __56 OnLoad Message <!-- Start of OnLoad Message --> <!-- Just put this tag as your BODY tag and you will have a message in the Status Bar of the Browser all the time. Be sure not to have two BODY tags. --> <BODY ONLOAD="window.defaultStatus='Welcome to My Web Page'"> <!-- End of OnLoad Message --> __57 Revolving Colors <!-- Start of Revolving Colors --> <!-- This script will make a sentence of text change in different variant colors. Important: Only works in the 4.0 Browsers --> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var ctext = "Too much caffeine makes you see weird colors."; var speed = 1000; var x = 0; var color = new initArray( "red", "blue", "green", "black" ); if(navigator.appName == "Netscape") { document.write('<layer id="c"><center>'+ctext+'</center></layer><br>'); } if (navigator.appVersion.indexOf("MSIE") != -1){ document.write('<div id="c"><center>'+ctext+'</center></div>'); } function chcolor(){ if(navigator.appName == "Netscape") { document.c.document.write('<center><font color="'+color[x]); document.c.document.write('">'+ctext+'</font></center>'); document.c.document.close(); } else if (navigator.appVersion.indexOf("MSIE") != -1){ document.all.c.style.color = color[x]; } (x < color.length-1) ? x++ : x = 0; } setInterval("chcolor()",1000); // --> </script> <!-- End of Revolving Colors --> __58 Status Bar Clock <!-- Start of Status Bar Clock --> <!-- This Script puts a digital clock in your status bar, very cool --> <!-- This section goes in between your head tags --> <script Language="JavaScript"> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function coffeeclock () { stopclock(); showtime(); } </script> <!-- put this in your body tag --> <body onLoad="coffeeclock()"> <!-- put this in your document body --> <form name="clock" onSubmit="0"> <!-- End of Status Bar Clock --> __59 Status Blinker <!-- Start of Status Blinker --> <!-- This will put a blinking status bar message in your webpage. Important: There are two parts to this script, one goes in between the HEAD tags and one goes in the BODY tag. --> <script> var yourwords = "CoffeeCup Rocks !"; var speed = 300; var control = 1; function flash() { if (control == 1) { window.status=yourwords; control=0; } else { window.status=""; control=1; } setTimeout("flash()",speed); } </script> <!--You can control the speed of the flashing in this script. You just need to change the speed number 300. Bigger the number the slower it goes.--> <!-- From this part on up goes in between the HEAD tags --> <body onLoad="flash()"> <!-- End of Status Blinker --> __60 Text Counter <!-- Start of Text Counter --> <!-- Description: This will display a text counter on your webpage. Instructions: Place the entire script in your webpage where you want the counter to appear. To change the look of the sentence that appears on your webpage simply adjust the HTML properties on the last script line. --> <SCRIPT LANGUAGE="JavaScript"> <!-- var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "") if (!caution || (name + "=" + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) document.cookie = curCookie } function getCookie(name) { var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } var now = new Date() fixDate(now) now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000) var visits = getCookie("counter") if (!visits) visits = 1 else visits = parseInt(visits) + 1 setCookie("counter", visits, now) // YOU CAN EDIT THE SENTENCE THAT APPEARS ON YOUR WEBPAGE ON THE NEXT LINE document.write("<CENTER><FONT FACE=VERDANA SIZE=2>You are visitor <B>#" + visits + "</B>.</FONT></CENTER>") // --> </SCRIPT> <!-- End of Text Counter --> ***DHTML Scripts*** __61 Curtain <!-- START OF Curtain DHTML --> <!-- SUMMARY BRIEFS This DHTML script will give a "curtain" effect displaying your webpage. You can adjust the color by changing the HEX code below and the word "PURPLE". Place this after the <BODY> tag. --> <style> <!-- .curtain{ position:absolute; left:0; top:0; layer-background-color:800080; background-color:800080; border:0.1px solid PURPLE } --> </style> <div id="c1" class="curtain"></div><div id="c2" class="curtain"></div> <script language="JavaScript1.2"> var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (c=1;c<=2;c++){ temp[c]=eval("document.c"+c+".clip") temp2[c]=eval("document.c"+c) temp[c].width=window.innerWidth temp[c].height=window.innerHeight/2 temp2[c].top=(c-1)*temp[c].height } } else if (document.all){ var curtainbottom=document.body.offsetHeight/2,curtaintop=0 for (c=1;c<=2;c++){ temp[c]=eval("document.all.c"+c+".style") temp[c].width=document.body.clientWidth temp[c].height=document.body.offsetHeight/2 temp[c].top=(c-1)*parseInt(temp[c].height) } } function openit(){ window.scrollTo(0,0) if (document.layers){ temp[1].bottom-=speed temp[2].top+=speed if (temp[1].bottom<=0) clearInterval(stopit) } else if (document.all){ curtainbottom-=speed temp[1].clip="rect(0 auto+"+curtainbottom+" 0)" curtaintop+=speed temp[2].clip="rect("+curtaintop+" auto auto)" if (curtainbottom<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> <!-- END OF Curtain DHTML --> __62 Drop Down <!-- START OF Drop Down DHTML --> <!-- SUMMARY BRIEFS This DHTML script will create a drop down link box out of an ordinary link. VERY COOL!!!! The top portion of this script goes above the <BODY> tag. The second portion goes where you want the drop down link box to be. --> <style> <!-- #wrapper{ position:relative; height:30px } #wrapper2{ position:absolute } #coffeemenu03{ filter:revealTrans(Duration=1.5,Transition=12) visibility:hide } --> </style></HEAD> <BODY> <ilayer id="coffeemenu01" height=35px> <layer id="coffeemenu02" visibility=show> <span id="wrapper"> <span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"> <font face="Verdana"><b><a href="notthisbrowser.html">Click Here To Navigate</a></b></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<font face="ARIAL BLACK"><a href="http://www.coffeecup.com">Order Our Stuff</a><br>' selection[1]='<a href="http://www.coffeecup.com">Contact Us via E-mail</a><br>' selection[2]='<a href="http://www.coffeecup.com">Help With Our Items</a><br>' selection[3]='<a href="http://www.coffeecup.com">Products We Have</a><br>' selection[4]='<a href="http://www.coffeecup.com">Services We Offer</a><br></font>' if (document.layers) document.coffeemenu01.document.coffeemenu02.visibility='show' function dropit2(){ if (document.all){ coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (coffeemenu03.style.visibility=="hidden"){ if (enableeffect) coffeemenu03.filters.revealTrans.apply() coffeemenu03.style.visibility="visible" if (enableeffect) coffeemenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.coffeemenu03.visibility=="hide") document.coffeemenu03.visibility="show" else document.coffeemenu03.visibility="hide" document.coffeemenu03.left=e.pageX-e.layerX document.coffeemenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) coffeemenu03.filters.revealTrans.stop() coffeemenu03.style.visibility="hidden" } function hidemenu2(){ document.coffeemenu03.visibility="hide" } if (document.layers){ document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK) document.coffeemenu01.document.coffeemenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) coffeemenu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.coffeemenu03.captureEvents(Event.CLICK) document.coffeemenu03.onclick=hidemenu2 } </script> <!-- END OF Drop Down DHTML --> __63 Link Tips <!-- START OF LINK TIPS DHTML --> <!-- SUMMARY BRIEFS This DHTML script will give pop up tips on any link. You can adjust the font, the content, and even the background color of the tool tips. Place this script anywhere within the <BODY> tags. --> <script> if (!document.layers&&!document.all) event="test" function showtip(current,e,text){ if (document.all){ thetitle=text.split('<br>') if (thetitle.length>1){ thetitles='' for (i=0;i<thetitle.length;i++) thetitles+=thetitle[i] current.title=thetitles } else current.title=text } else if (document.layers){ document.linktips.document.write('<layer bgColor="yellow" style="border:1px solid black;font-family:arial;font-size:12px;">'+text+'</layer>') document.linktips.document.close() document.linktips.left=e.pageX+5 document.linktips.top=e.pageY+5 document.linktips.visibility="show" } } function hidetip(){ if (document.layers) document.linktips.visibility="hidden" } </script> <div id="linktips" style="position:absolute;visibility:hidden"></div> <FONT FACE=ARIAL FACE=ARIAL> <a href="http://www.coffeecup.com" onMouseover="showtip(this,event,'Please Visit the CoffeeCup Software Web Site!')" onMouseout="hidetip()">Visit Our Site</a> <P> <a href="http://www.coffeecup.com" onMouseover="showtip(this,event,'Learn More About Style Sheets and DHTML')" onMouseout="hidetip()">Learn More</a> <P> <a href="http://www.coffeecup.com" onMouseover="showtip(this,event,'Contact Us via E-mail...<BR>or by Snail Mail if you Wish')" onMouseout="hidetip()">Contact Us</a> <P> <a href="http://www.coffeecup.com/order" onMouseover="showtip(this,event,'Order One the Coolest Tools on the Web Now!')" onMouseout="hidetip()">Order Software</a> <P> </FONT> <!-- END OF Link Tips DHTML --> __64 Message Reader <!-- START OF Message Reader DHTML --> <!-- SUMMARY BRIEFS This DHTML script will cycle through 4 different text links. You can adjust the text and links below to meet your webpage. IMPORTANT Make suer that this body tag is included in your webpage. It activates the Message Reader. --> <body onload="if (document.all||document.layers) {regenerate2();update()}"> <style> <!-- #msgline{ position:relative; layer-background-color:black; width:400; height:12; } #msgtext{ background-color:black; position:absolute; border: 1px solid black; width:400; height:12; } .msgtextfont{ font:bold 16px Arial; postition:absolute; left:5px; text-decoration:none; color:white; } .msgtextfont a{ color:white; text-decoration:none; } --> </style> <div id="msgline"> <div id="msgtext" class="msgtextfont">Starting Messages...</div> </div> <script language="JavaScript1.2"> var speed=4000 var news=new Array() news[0]="<a href='http://www.coffeecup.com'>First line of text....</a>" news[1]="<a href='http://www.coffeecup.com'>Second line of text....</a>" news[2]="<a href='http://www.coffeecup.com'>Third line of text....</a>" news[3]="<a href='http://www.coffeecup.com'>Add as many as you want....</a>" i=0 if (document.all) tickerobject=document.all.msgtext.style else tickerobject=document.msgline.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.msgline.document.msgtext.document.write('<span class="msgtextfont">'+news[i]+'</span>') document.msgline.document.msgtext.document.close() } else document.all.msgtext.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; MsgDither(); } function MsgDither() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('MsgDither()',50); } step++; } </script> <!-- END OF Message Reader DHTML --> __65 Mouse Follow <!-- START OF Nouse Follow DHTML --> <!-- SUMMARY BRIEFS Put this DHTML after the </HEAD> tag but before the <BODY> tag. This DHTML script will create a small layer that hovers around the mouse pointer. The current image being used is called "smile.gif" and has a size of HEIGHT 11 and WIDTH 11. To place your own image in place of the current one, rename "smile.gif" and change the HEIGHT and WIDTH specs in the CLIP attribute. (This is in the first line of code.) IMPORTANT This example has an image. It is found in the CoffeeCup Software folder on your hard drive. ╨αßε≥ασ≥ ≥εδⁿΩε Γ Netscape. ╤ετΣασ≥ δασΘ≡ Ωε≥ε≡√Θ ∩ε ±δεµφεΘ ≥≡ασ≥ε≡ΦΦ δσ≥ασ≥ ΓεΩ≡≤π ∞√°ΩΦ :-). ─ε±≥ασ≥ ±Φδⁿφε, φε ∩≡ΦΩεδⁿφε. --> <layer NAME="a" LEFT="10" TOP="10" VISIBILITY="SHOW" CLIP="0,0,11,11" background="smile.gif"> </layer> <script LANGUAGE="JavaScript1.2"> var userAgent=navigator.appName + " " + navigator.appVersion; var agentInfo=userAgent.substring(0, 12); if(agentInfo >= "Netscape 4.0") { window.captureEvents(Event.MOUSEMOVE); // Logo animation var yBase = window.innerHeight/2; var xBase = window.innerWidth/2; var delay = 50; var yAmpl = 10; var yMax = 40; var step = .2; var ystep = .5; var currStep = 0; var tAmpl=1; var Xpos = 50; var Ypos = 50; var b = 0; function MoveHandler(evnt) { Xpos = evnt.pageX ; Ypos = evnt.pageY ; } window.onMouseMove = MoveHandler; function animateLogo() { yBase = window.innerHeight/4 ; xBase = window.innerWidth/4; for ( b = 0 ; b < 1 ; b++ ) { document.layers[b].top = Ypos + Math.cos((20*Math.sin(currStep/(20+b)))+b*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + b*25)/10); document.layers[b].left =Xpos + Math.sin((20*Math.sin(currStep/20))+b*70)*xBase*(Math.sin(10+currStep/(10+b))+0.2)*Math.cos((currStep + b*25)/10); } currStep += step; setTimeout("animateLogo()", delay) ; } animateLogo() } // --> </script> </LAYER> <!-- END OF Nouse Follow DHTML --> __66 Page Transitions <!-- START OF Page Transitions DHTML --> <!-- SUMMARY BRIEFS ONLY WORKS IN Internet Explorer. Does not effect Netscape. Place this <META> tag in between the <HEAD> tags of all your Webpages. Then view the Webpages in IE 4 and you will notice the page transitions. Randomly the pages will be displayed in different transitions such as swipe left, swipe right, expand out, etc. --> <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)"> <!-- End OF Page Transitions DHTML --> __67 Rolling Credits <!-- START OF Rolling Credits DHTML --> <!-- SUMMARY BRIEFS This example shows how you can create a webpage that scrolls up. The webpage must be long (vertically) in order for the effect to work. --> <SCRIPT LANGUAGE="JavaScript"> <!-- var position = 0; function scroller() { if (position != 320) { position++; scroll(0,position); clearTimeout(timer); var timer = setTimeout("scroller()",3); timer; } else { location.replace("#"); } } // --> </SCRIPT> </HEAD> <BODY onload="scroller()"> <CENTER> <font face="VERDANA, ARIAL" size="5" color=804040>Rolling Credits</font><p> <font face="VERDANA, ARIAL" size="4">This script allows you to: <HR WIDTH=350 NOSHADE> <P> Place<P> text<P> descriptions<p> of <P>any <P>sort<p> and it will <P>scroll up<p> the page <P>until its done.<p> <P> You can even<P> make <A HREF="http://www.coffeecup.com/">Links.</A><p> Or<P> use<P> images.<p> <p></font> </CENTER> <!-- END OF Rolling Credits DHTML --> __68 Scroller <!-- START OF Scroller DHTML --> <!-- SUMMARY BRIEFS Place this DHTML script after the <BODY> tag. In this DHTML script you can have a scrolling message. You can also add images to the scrolling message, but keep in mind that if the HEIGHT is bigger than the predefined HEIGHT, your image will be clipped. Adjust the predefined HEIGHT by adjust the number beside 'scrollerheight'. --> <script language="JavaScript1.2"> var scrollercontents='<font face="Verdana, Arial" SIZE=4><B>Thank you for visiting <a href="http://www.coffeecup.com">Our Site.</a> Please Register your Shareware <a href="http://www.coffeecup.com/order">Here.</a> Thanks !</B></font>' var scrollerwidth=330 var scrollerheight=25 var speed=6 if (document.all) document.write('<scroller scrollAmount='+speed+' style="width:'+scrollerwidth+'">'+scrollercontents+'</scroller>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializescroller() } } function intializescroller(){ document.cscroller01.document.cscroller02.document.write('<nobr>'+scrollercontents+'</nobr>') document.cscroller01.document.cscroller02.document.close() thelength=document.cscroller01.document.cscroller02.document.width scrollit() } function scrollit(){ if (document.cscroller01.document.cscroller02.left>=thelength*(-1)){ document.cscroller01.document.cscroller02.left-=speed setTimeout("scrollit()",100) } else{ document.cscroller01.document.cscroller02.left=scrollerwidth scrollit() } } window.onload=regenerate2 </script> <layer width=&{scrollerwidth}; height=&{scrollerheight}; name="cscroller01"> <layer name="cscroller02"></layer> <layer> <!-- End OF Scroller DHTML --> __69 Slide Menu <!-- START OF Slide Menu DHTML --> <!-- SUMMARY BRIEFS Place this DHTML script after the </HEAD> tag and before the <BODY> tag. In this DHTML script, there are five links that constantly remain in the upper left hand corner. You can change these links to meet your own. The Style Sheet has been adjusted to "push" your webpage 120 pixels to the right so that the links do not touch any of your text/images. You can adjust this by changing the pixel amount in the BODY section of the below Style Sheet. --> <style TYPE="text/css"> #slide { Position: Absolute; Left: 5; Top: 5; Visibility: Visible; } A:LINK {text-decoration: none;} A:VISITED {text-decoration: none;} TD {font-family:arial;} BODY {Margin-Left: 120;} </style> <span ID="slide"> <table CELLSPACING="0" BORDER="0" CELLPADDING="0" ALIGN="LEFT" > <TR><td><HR NOSHADE></TD></tr> <tr> <td><A HREF="http://www.coffeecup.com">CONTACT US</A><BR></td> </TR> <tr> <td><A HREF="http://www.coffeecup.com">HELP</A><BR></td> </tr> <tr> <td><A HREF="http://www.coffeecup.com">SERVICES</A><br></td> </tr> <tr> <td><A HREF="http://www.coffeecup.com">PRODUCTS</A><br></td> </tr> <tr> <td><A HREF="http://www.coffeecup.com/order">ORDER</A><br></td> </tr> <TR><td><HR NOSHADE></TD></tr> </table> </span> <script LANGUAGE="JavaScript"> self.onError=null; currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0; function heartBeat() { if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; } if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; } if(diffY != lastScrollY) { percent = .1 * (diffY - lastScrollY); if(percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent); if(IE) document.all.slide.style.pixelTop += percent; if(NS) document.slide.top += percent; lastScrollY = lastScrollY + percent; } if(diffX != lastScrollX) { percent = .1 * (diffX - lastScrollX); if(percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent); if(IE) document.all.slide.style.pixelLeft += percent; if(NS) document.slide.left += percent; lastScrollX = lastScrollX + percent; } } function checkFocus(x,y) { var totalY, totalX; floatx = document.slide.pageX; floaty = document.slide.pageY; floatwidth = document.slide.clip.width; floatheight = document.slide.clip.height; if(20 == 0) totalY = floatheight; else totalY = 20; if(0 == 0) totalX = floatwidth; else totalX = 0; if( (x > floatx && x < (floatx+totalX)) && (y > floaty && y < (floaty+totalY))) return true; else return false; } function grabIt(e) { if(IE) { whichIt = event.srcElement; while (whichIt.id.indexOf("slide") == -1) { whichIt = whichIt.parentElement; if (whichIt == null) { return true; } } whichIt.style.pixelLeft = whichIt.offsetLeft; whichIt.style.pixelTop = whichIt.offsetTop; currentX = (event.clientX + document.body.scrollLeft); currentY = (event.clientY + document.body.scrollTop); if(20 == 0) totalY = whichIt.style.pixelHeight; else totalY = 20; if(0 == 0) totalX = whichIt.style.pixelWidth; else totalX = 0; if(!(event.clientX > whichIt.offsetLeft && event.clientX < whichIt.offsetLeft + totalX) || !(currentY > whichIt.offsetTop && currentY < whichIt.offsetTop + totalY)) whichIt = null; } else { window.captureEvents(Event.MOUSEMOVE); if(checkFocus (e.pageX,e.pageY)) { whichIt = document.slide; FloatTouchedX = e.pageX-document.slide.pageX; FloatTouchedY = e.pageY-document.slide.pageY; } } return true; } function moveIt(e) { if (whichIt == null) { return false; } if(IE) { newX = (event.clientX + document.body.scrollLeft); newY = (event.clientY + document.body.scrollTop); distanceX = (newX - currentX); distanceY = (newY - currentY); currentX = newX; currentY = newY; whichIt.style.pixelLeft += distanceX; whichIt.style.pixelTop += distanceY; if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop; if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft; if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20; if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5; event.returnValue = false; } else { whichIt.moveTo(e.pageX-FloatTouchedX,e.pageY-FloatTouchedY); if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset; if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17; if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17; return false; } return false; } function dropIt() { whichIt = null; if(NS) window.releaseEvents (Event.MOUSEMOVE); return true; } if(NS) { window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); window.onmousedown = grabIt; window.onmousemove = moveIt; window.onmouseup = dropIt; } if(IE) { document.onmousedown = grabIt; document.onmousemove = moveIt; document.onmouseup = dropIt; } if(NS || IE) action = window.setInterval("heartBeat()",1); </script> <!-- End OF Slide Menu DHTML --> __70 Slideout <!-- START OF Slide Out DHTML --> <!-- SUMMARY BRIEFS This DHTML script is an entire webpage by itself. Open it up into a blank webpage and try it out. You can then add your content around it. Basically, you can have 5 different "layers" which switch when the user clicks on the appropriate links. You can adjust the links, colors, and text below. IMPORTANT This example has an image. It is found in the CoffeeCup Software folder on your hard drive. --> <SCRIPT LANGUAGE="JavaScript"> <!-- n = (document.layers) ? 1:0 ie = (document.all) ? 1:0 function init() { slideoutActive = 0 if (n) { slideout1 = document.slideoutInterface.document.slideoutContent.document.slideoutContent1 slideout2 = document.slideoutInterface.document.slideoutContent.document.slideoutContent2 slideout3 = document.slideoutInterface.document.slideoutContent.document.slideoutContent3 slideout4 = document.slideoutInterface.document.slideoutContent.document.slideoutContent4 slideout5 = document.slideoutInterface.document.slideoutContent.document.slideoutContent5 } if (ie) { slideout1 = slideoutContent1.style slideout2 = slideoutContent2.style slideout3 = slideoutContent3.style slideout4 = slideoutContent4.style slideout5 = slideoutContent5.style } slideoutShown = slideout1 slideoutShown.xpos = 0 slideoutNew = "none" slideoutNew.xpos = -285 } function slideout(which) { if (!slideoutActive && slideoutShown != which) { slideoutActive = 1 slideoutNew = which slideoutNew.xpos = -285 slideoutLeft() } } function slideoutLeft() { if (slideoutShown.xpos > -285) { slideoutShown.xpos -= 15 slideoutShown.left = slideoutShown.xpos setTimeout("slideoutLeft()",30) } else { hide(slideoutShown) show(slideoutNew) setTimeout("slideoutRight()",50) } } function slideoutRight() { if (slideoutNew.xpos < 0) { slideoutNew.xpos += 15 slideoutNew.left = slideoutNew.xpos setTimeout("slideoutRight()",30) } else { slideoutShown = slideoutNew slideoutActive = 0 // stops the sequence } } function show(showobj) { if (n) showobj.visibility = "show" if (ie) showobj.visibility = "visible" } function hide(hideobj) { if (n) hideobj.visibility = "hide" if (ie) hideobj.visibility = "hidden" } //--> </SCRIPT> <STYLE TYPE="text/css"> <!-- A {color:#000000; font-family:'Arial'; font-weight:bold; font-size:10pt; text-decoration:none; line-height:20pt;} STRONG {font-family:'Arial'; font-size:15pt; font-weight:bold; line-height:25pt;} P {font-family:'Arial'; font-size:10pt; line-height:13pt;} TD {font-family:'Arial'; font-size:10pt; line-height:13pt;} #slideoutInterface {position:absolute; left:50; top:50; width:400; height:250; clip:rect(0,400,250,0); background-color:#000000; layer-background-color:#000000; visibility:visible;} #slideoutSidebar1 {position:absolute; left:5; top:5; width:100; height:30; clip:rect(0,100,30,0); background-color:#9797FF; layer-background-color:#9797FF;} #slideoutSidebar2 {position:absolute; left:5; top:40; width:100; height:30; clip:rect(0,100,30,0); background-color:#FFFF00; layer-background-color:#FFFF00;} #slideoutSidebar3 {position:absolute; left:5; top:75; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF80C0; layer-background-color:#FF80C0;} #slideoutSidebar4 {position:absolute; left:5; top:110; width:100; height:30; clip:rect(0,100,30,0); background-color:#00FF80; layer-background-color:#00FF80;} #slideoutSidebar5 {position:absolute; left:5; top:145; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF5353; layer-background-color:#FF5353;} #slideoutContent {position:absolute; left:110; top:5; width:285; height:240; clip:rect(0,285,240,0); background-color:#000000; layer-background-color:#000000;} #slideoutContent1 {position:absolute; left:0; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:visible;} #slideoutContent2 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent3 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent4 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent5 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} //--> </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="init()"> <DIV ID="slideoutInterface"> <DIV ID="slideoutSidebar1"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout1)">Contact Us</A></P></DIV> <DIV ID="slideoutSidebar2"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout2)">Help</A></P></DIV> <DIV ID="slideoutSidebar3"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout3)">Services</A></P></DIV> <DIV ID="slideoutSidebar4"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout4)">Products</A></P></DIV> <DIV ID="slideoutSidebar5"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout5)">Order</A></P></DIV> <DIV ID="slideoutContent"> <DIV ID="slideoutContent1"> <P ALIGN="CENTER"><STRONG>Contact Us</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.coffeecup.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent2"> <P ALIGN="CENTER"><STRONG>Help</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.coffeecup.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent3"> <P ALIGN="CENTER"><STRONG>Services</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.coffeecup.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent4"> <P ALIGN="CENTER"><STRONG>Products</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.coffeecup.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent5"> <P ALIGN="CENTER"><STRONG>Order</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.coffeecup.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> </DIV> </BODY> </HTML> <!-- END OF Slide Out DHTML --> __71 Watemark <!-- Start of Watermark DHTML SUMMARY BRIEFS Put this entire DHTML script below your last line of code on your webpage. Usually this will be under the </HTML> tag. Look for this in the JavaScript to adjust to your image's HEIGHT and WIDTH: var IMGW= 100; var IMGH= 89; Then look for this in the <DIV> tag to adjust to your URL and IMAGE source including the HEIGHT and WIDTH. IMPORTANT The image we used 'watermark.gif' can be found in the CoffeeCup Software folder. --> <script language="JavaScript"> var IW= 0; var IH= 0; var PX= 0; var PY= 0; var ZIN= 0; var us= null; var IMGW= 100; var IMGH= 89; var LSAFETY= 20; var TSAFETY= 17; function branding() { oldIW= IW; oldIH= IH; oldPX= PX; oldPY= PY; if (navigator.appName == 'Netscape') { if ((window.innerHeight != oldIH)||(window.innerWidth != oldIW)||(window.pageXOffset != oldPX)||(window.pageYOffset != oldPY)) { if (us == null) { for (i=0; i<document.layers.length; i++) { us= document.layers[i]; if (us.id == "Valley") break; } } if (us != null) { us.visibility= "hide"; IH= window.innerHeight; IW= window.innerWidth; PX= window.pageXOffset; PY= window.pageYOffset; (IH > IMGH) ? us.top= (IH+PY-(IMGH+TSAFETY)) : us.top= 0; (IW > IMGW) ? us.left= (IW+PX-(IMGW+LSAFETY)) : us.left= 0; //alert('document.layers.length: ' + document.layers.length); for (i=0; i<document.layers.length; i++) { templay= document.layers[i]; // alert('document.layers[' + i + '].id: ' + document.layers[i].id); if (templay.zIndex > ZIN) ZIN= (templay.zIndex + 1); } us.zIndex= ZIN; us.visibility= "show"; } } } else{ if (navigator.appVersion.indexOf("Mac") == -1) { if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY)) { alldivs= document.all.tags("DIV"); if (us == null){ for (i=0; i<alldivs.length; i++) { us= alldivs(i); if (us.id == "Valley") break; } } if (us != null){ us.style.display= "none"; IH= document.body.clientHeight; IW= document.body.clientWidth; PX= document.body.scrollLeft; PY= document.body.scrollTop; us.style.top= (IH+PY-(IMGH+TSAFETY)+12); us.style.left=(IW+PX-(IMGW+LSAFETY)+15); for (i=0; i<alldivs.length; i++){ templay= alldivs(i); if (templay.style.zIndex > ZIN) us.style.zindex= (templay.style.zIndex + 1); } us.style.display= ""; } } } } } if ((document.all) || (document.layers)){ setInterval("branding()",100); } </SCRIPT> <DIV CLASS="Watermark" ID="Watermark" STYLE="position:absolute;top:1;visibility:hide;" ALIGN="right"> <A HREF="http://www.coffeecup.com"><IMG SRC="watermark.gif" ALT="CoffeeCup Software" WIDTH=100 HEIGHT=89 BORDER=0></A> </DIV> <!-- End of Watermark DHTML --> __72 Zoom Message <!-- START OF Zoom Message DHTML --> <!-- SUMMARY BRIEFS This example shows how you can create a webpage that displays lines of text that appear to be flying out of the webpage. Our example has an image. IMPORTANT The image used in this example can be found in the CoffeeCup Software folder. You do not need an image for it to work. --> <!-- Style Sheet created with the CoffeeCup StyleSheet Maker++ --> <!-- http://www.coffeecup.com --> <style type="text/css"> body { background-color:#FFFFFF; font-family: Arial; font-size:10pt; } </style> <script> //<!--Change this text--> text=new Array('www','coffeecup','com','CoffeeCup Software') //<!--This is the number of words in your message--> var numText=4 //<!--These are the colors the last word will fade to. The first color is the main color.--> color=new Array('#000000','#2F2F2F','#4F4F4F','#7F7F7F','#408080') //<!--This is the total number of colors from above.--> var numColors=5 //<!--This is the size you want the zoom to end at.--> var endSize=70 //<!--This is the speed you want it to zoom in.--> var Zspeed=30 //<!--This is the speed the colors will fade.--> var Cspeed=200 //<!--This is the font of the fade in message.--> var font='Arial Black' //<!--This will allow you to have the message stay or go. True will make it go. // False will make it stay.--> var hide=false var size=10 var gonum=0 var ie, n; if (document.all) { n=0 ie=1 zoomText='document.all.zoom.innerText=text[num]' zoomSize='document.all.zoom.style.fontSize=size' closeIt="" fadeColor="document.all.zoom.style.color=color[num]" } if (document.layers) { n=1;ie=0 zoomText="" zoomSize="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')" closeIt="document.zoom.document.close()" fadeColor="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'\">'+text[numText-1]+'</p>')" } function zoom(num,fn){ if (size<endSize){ eval(zoomText) eval(zoomSize) eval(closeIt) size+=5; setTimeout("zoom("+num+",'"+fn+"')",Zspeed) }else{ eval(fn); } } function fadeIt(num){ if (num<numColors){ eval(fadeColor) eval(closeIt) num+=1; setTimeout("fadeIt("+num+")",Cspeed) }else{ hideIt() } } function hideIt(){ if(hide){ if(ie)document.all.zoom.style.visibility="hidden" if(n)document.layers.zoom.visibility="hidden" } } function init(){ if(ie){ document.all.zoom.style.color=color[0] document.all.zoom.style.fontFamily=font } if(ie || n) go(0) } function go(num){ gonum+=1 size=10 if(num<numText){ zoom(num,'go('+gonum+')') }else{ fadeIt(0) } } </script> </head> <body onload="init()" bgcolor="FFFFFF"> <CENTER><IMG SRC="http://www.coffeecup.com/whitestrand.jpg" WIDTH="261" HEIGHT="229"></CENTER><P> <div id="zoom" align="center" style="position:absolute; top:150"> </DIV> <!-- END OF Zoom Message DHTML --> 
